JS实现图片从右向左滚动代码

代码简介:

JavaScript图片滚动,看了一下代码,好像这方法挺简便的,容易修改,滚动无空隙,循环连续滚动,鼠标放上后停止,中间部分代码使用了Table,不懂CSS的朋友也没关系,你可以继续开发,以满足你的需要。

代码内容:

View Code
<title>JS实现图片从右向左滚动代码 - www.webdm.cn</title> 
<div id=demo style=overflow:hidden;height:180;width:600;color:#ffffff> 
<table align=left cellpadding=0 cellspace=0 border=0> 
<tr> 
<td id=demo1 valign=top> 
<table border=0 cellpadding=0 cellspacing=0> 
<tr> 
<td> 
<TABLE cellSpacing=0 cellPadding=5 border=0> 
<TBODY> 
<TR align=middle> 
<TD> 
<img src=http://www.webdm.cn/images/wall2_s.jpg> 
</TD> 
<TD> 
<img src=http://www.webdm.cn/images/wall3_s.jpg> 
</TD> 
<TD> 
<img src=http://www.webdm.cn/images/wall4_s.jpg> 
</TD> 
<TD> 
<img src=http://www.webdm.cn/images/wall5_s.jpg> 
</TD> 
<TD> 
<img src=http://www.webdm.cn/images/wall6_s.jpg> 
</TD> 
</TR></TBODY> 
</TABLE> 
</td></tr> 
</table> 
</td><td id=demo2 valign=top></td> 
</tr> 
</table> 
</div> 
<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>
<br />
<p><href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/668d71ec-063b-487f-8daa-881da0ec5a5d.html

 

 

posted @ 2011-08-31 10:36  网页代码站  阅读(992)  评论(0编辑  收藏  举报