JS圖片滾動，從右向左滾動_圖片特效特效

JavaScript圖片滾動，看了一下代碼，好像這方法挺簡便的，容易修改，滾動無空隙，循環連續滾動，鼠標放上后停止，中間部分代碼使用了Table，不懂CSS的朋友也沒關系，你可以繼續開發，以滿足你的需要。

<title>JS圖片滾動</title> 
<div   class="ftht7rj"   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://p1.mb5u.com/texiao/1/20110225160509332.jpg> 
</TD> 
<TD> 
<img src=http://p1.mb5u.com/texiao/1/20110225160509333.jpg> 
</TD> 
<TD> 
<img src=http://p1.mb5u.com/texiao/1/20110225160509334.jpg> 
</TD> 
<TD> 
<img src=http://p1.mb5u.com/texiao/1/20110225160509335.jpg> 
</TD> 
<TD> 
<img src=http://p1.mb5u.com/texiao/1/20110225160509336.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>

所屬頻道：圖片特效特效/更新時間：2012-12-04

[收藏][報錯][返回列表]

相關圖片特效特效：

JS圖片滾動，從右向左滾動_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些