| 实现图片无缝滚动的方法,代码。 |
| 作者:梦翔儿 日期:2007-4-9 20:51:00 |
我们知道marquee滚动总是一个段空间停留,下面方法可以解决这个问题。
<DIV id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 390px; COLOR: #ffffff; HEIGHT: 173px"> <TABLE cellPadding=0 align=left border=0 cellspace="0"> <TBODY> <TR> <TD id=demo1 vAlign=top><A href="" target=_blank><IMG height=173 src="/blog/1.jpg" border=0></A><A href="" target=_blank><IMG height=173 src="/blog/2.jpg" border=0></A><A href="" target=_blank><IMG height=173 src="/blog/3.jpg" border=0></A></TD> <TD id=demo2 vAlign=top></TD></TR></TBODY></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> |
| Re:实现图片无缝滚动的方法,代码。 |
| 作者:罗勇(游客) 日期:2007-4-15 21:42:19 |
