您所在的位置:欢聚电脑网 > 网站学院 > 网站建设 > 建站基础 > 正文

网页上怎么制作滚动的图片

时间:12-31 关键字:网页制作 来源:欢聚电脑网

<!--图片滚动代码开始-->


<div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 551px; COLOR: #ffffff; HEIGHT: 138px">


<table cellPadding=0 align=center border=0 cellspace="0">


<tr>


<td id=demo1 vAlign=top>


<img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="舞蹈技巧"><img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="舞蹈技巧"><img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="舞蹈技巧"><img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="舞蹈技巧">


</td>


<td id=demo2 vAlign=top></td>


</tr>


</table>


<SCRIPT>


var speed=30


demo2.innerHTML=demo1.innerHTML


function Marquee(){


if(demo2.offsetWidth-demo.scrollLeft<=0)


demo.scrollLeft-=demo1.offsetWidth


else{


demo.scrollLeft++


}


}


var MyMar=setInterval(Marquee,speed)


demo.onmouseover=function() {clearInterval(MyMar)}


demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}


</SCRIPT>


</div>


<!--图片滚动代码结束-->





注:更改滚动方式,请修改相应未知的代码 倒数第8行

demo.scrollLeft++ 向左滚动
demo.scrollLeft-- 向右滚动
demo.scrolltop++ 向上滚动
demo.scrolltop-- 向下滚动

如果这篇文章对你有帮助,就请点个赞吧!