实现图片无缝滚动的方法,代码。
作者:梦翔儿 日期: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
这篇文章我看过,大约半年前已经开始自己使用这个方法了。
个人主页 | 引用 | 返回 | 删除 | 回复

发表评论:

    大名:
    密码: (游客无须输入密码)
    主页:
    标题:
Powered by Oblog.