简单明了的js图片不间断滚动代码
2010-03-19 09:39
483 查看
<!--滚动图片 开始 --> <table width=540 border=0 align="center" cellpadding=0 cellspacing=0> <tr> <td> <div id=demo style="overflow:hidden;height:100px;width:540px;color:#666666"> <table align=left cellpadding=0 cellspace=0 border=0> <tr> <td id=demo1 valign=top> <table border=0 cellpadding=0 cellspacing=0> <tr> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj001.jpg" mce_src="images/adv/fj001.jpg" width=80 height=50 border="0"></a><br> <center>说明一</center></td> <td width="6"> </td> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj002.jpg" mce_src="images/adv/fj002.jpg" width=80 height=50 border="0"></a><br> <center>说明二</center></td> <td width="6"> </td> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj003.jpg" mce_src="images/adv/fj003.jpg" width=80 height=50 border="0"></a><br> <center>说明三</center></td> <td width=6> </td> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj004.jpg" mce_src="images/adv/fj004.jpg" width=80 height=50 border="0"></a><br> <center>说明四</center></td> <td width=6> </td> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj005.jpg" mce_src="images/adv/fj005.jpg" width=80 height=50 border="0"></a><br> <center>说明五</center></td> <td width=6> </td> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj006.jpg" mce_src="images/adv/fj006.jpg" width=80 height=50 border="0"></a><br> <center>说明六</center></td> <td width=6> </td> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj007.jpg" mce_src="images/adv/fj007.jpg" width=80 height=50 border="0"></a><br> <center>说明七</center></td> <td width=6> </td> <td><a href="#" mce_href="#" target=_blank><img src="images/adv/fj008.jpg" mce_src="images/adv/fj008.jpg" width=80 height=50 border="0"></a><br> <center>说明八</center></td> </tr> </table> </td> <td id=demo2 valign=top></td> </tr> </table> </div> </td> </tr> </table> <mce:script type="text/javascript"><!-- var speed=20//速度数值越大速度越慢 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)} // --></mce:script> <!--滚动图片 结束 -->
相关文章推荐
- JS图片不间断滚动代码(向上,向下,向左,向右)
- 不间断图片滚动js代码.真正兼容火狐ie
- JS图片不间断滚动代码
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- js图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- 杂记 后台代码取DataSource中的值,和不间断滚动JS
- 图片横向滚动js代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 上下左右无空隙不间断图片连续滚动代码
- 一段按页自动滚动文字或图片的Js代码
- 一段按页自动滚动文字或图片的Js代码
- JS图片滚动代码(无缝、平滑)
- JS+CSS控制左右切换鼠标可控的无缝图片滚动代码
- JS+CSS控制图片向上无缝滚动代码
- js图片无缝滚动代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 不间断图片横向滚动特效代码