移动页面图片
『壹』 网页设计的图片怎么移动
加上这一段代码:<marquee direction= ><img src=""></marquee> 图片就可以移动了。
『贰』 关于HTML网页图片横向移动
HTML页面图片横向滚播效果:
<html><head><style>body{margin:0px;}ul{list-style:none;border:0;padding:0px;margin:0px;}li{list-style:none;float:left;border:0;padding:0px;margin:0px;}img{border:0px;padding:0px;margin:0px;}</style></head><body><center><divid="div1"style="overflow:hidden;cursor:hand;margin-top:50px;"onmouseover="stop()"onmouseout="ss()"><ulid="img"style="clear:both;"><!--放图片的容器,此容器在div1里滚动--><!--以下是要滚动的内容--><li><imgid="img0"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img1"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img2"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li><li><imgid="img3"src="http://www.alixixi.com/images/index180.gif"width="100"height="100"style="display:block;"/></li></ul></div></center><scriptlanguage="javascript">varw,h,id,speed,Htmlw=400;//-------滚动容器的宽度--------//h=100;//-------滚动容器的高度--------//id="div1";//-------滚动容器的id--------//direction="left";//-------滚动方向有四个值left,right,up,down,自己试试--------//speed="100";//-------滚动速度100相当于1秒,越小越快--------//imgDiv="img";//-------放图片的容器id--------//HtmlL=document.getElementById(imgDiv).innerHTML;HtmlT=document.getElementById(id).innerHTML;switch(direction){case"left":document.getElementById(imgDiv).innerHTML=HtmlL+HtmlL;break;case"right":document.getElementById(imgDiv).innerHTML=HtmlL+HtmlL;break;case"up":document.getElementById(id).innerHTML=HtmlT+HtmlT;break;case"down":document.getElementById(id).innerHTML=HtmlT+HtmlT;break;}functionss(){document.getElementById(id).style.width=w;document.getElementById(id).style.height=h;document.getElementById(imgDiv).style.width=w*2;document.getElementById(imgDiv).style.height=h;vareleele=document.getElementById("div1");switch(direction){case"left":ele.scrollLeft=ele.scrollLeft+5;if(ele.scrollLeft>=w){ele.scrollLeft=0;}break;case"right":ele.scrollLeft=ele.scrollLeft-5;if(ele.scrollLeft<=0){ele.scrollLeft=w;}break;case"up":ele.scrollTop=ele.scrollTop+5;if(ele.scrollTop>=h){ele.scrollTop=0;}break;case"down":ele.scrollTop=ele.scrollTop-5;if(ele.scrollTop<=0){ele.scrollTop=h;}break;}t=setTimeout("ss()",speed);}functionstop(){document.getElementById("div1").scrollLeft=document.getElementById("div1").scrollLeft;document.getElementById("div1").scrollTop=document.getElementById("div1").scrollTop;clearTimeout(t);}setTimeout("ss()",100);</script></body></html><ahref="rul">网站名称</a>
『叁』 网页中有移动图片当页面为小页面时移动图片会错位
用固定尺寸
例如200px
『肆』 做html时,怎样可以使图片随着页面向下移而移动
可以通过css的position属性定位解决
<html>
<head>
<styletype="text/css">
img{position:fixed;top:0;right:0}
</style>
</head>
<body>
<imgsrc='a.jpg'/>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br
><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b
r><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><
br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br
><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
提示:以上代码中加入多个br,是为了演示效果版更明显
定义和用法
position 属性规权定元素的定位类型。
说明
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
『伍』 网页移动图片
如果 是用网页浏览的话,用JavaScript 可以实现,当然flash也可以
『陆』 如何在网页中移动图片
不能的.一般要下载或复制到“我的电脑”
『柒』 网页中的移动图片
去下个腾讯TT...在自定义屏蔽模式中选则隐藏浮动网页元素..
『捌』 如何在网页里添加移动的图片
使用<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>
方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>
循环
<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
外观(Layout)设置
对齐方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
底色
<bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>
面积
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>
空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>
『玖』 求网页图片移动的特效代码.
你说的是网页左右两边的对联广告那样的吧
滚动往下看网页的时候他也往下走
是吧!
你找个JAV代码网站
里面就好多样式的对联广告代码
还有别的样式的广告代码
『拾』 网页制作时,怎么做到网页图片可以在整个页面来回移动
你说的这个是通过<marquee>移动技术来实现的,