JS图片滚动，从右向左滚动

本栏首页分类：菜单导航层和布局背景特效 CSS相关文本链接表格相关日期时间图片特效页面综合广告代码表单及按钮计算转换游戏娱乐其它

JS图片滚动，从右向左滚动

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

<title>JS图片滚动</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=/jscss/demoimg/wall_s2.jpg> 
</TD> 
<TD> 
<img src=/jscss/demoimg/wall_s3.jpg> 
</TD> 
<TD> 
<img src=/jscss/demoimg/wall_s4.jpg> 
</TD> 
<TD> 
<img src=/jscss/demoimg/wall_s5.jpg> 
</TD> 
<TD> 
<img src=/jscss/demoimg/wall_s6.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>

JS图片滚动，从右向左滚动

本类推荐代码

本类阅读排行

最新源码下载