|
在此发送图片无缝滚动代码,如果有用,请大家收集。虽然在动易出现过多次,在这里还是推荐一下,希望对刚接触HTML的朋友有所帮助
<!--图片滚动代码开始--> <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> <script language="javascript" src="http://www.xnbj.com/Article/JS/cpll.js"></script></td> <!--你的图片内容或JS图片脚本> <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-- 向下滚动
[1] |