js无缝滚动

最新推荐文章于 2025-08-12 14:37:12 发布

weixin_30409849

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量64

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wcg249165510/archive/2008/12/20/1358859.html

Code
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>

<DIV id=demo style="OVERFLOW: hidden; WIDTH: 750px; HEIGHT: 150px">
        <TABLE border=0 align=left cellPadding=0 bgcolor="#FFFFFF" cellspace="0">
          <TBODY>
            <TR>
              <TD id=demo1 vAlign=top width=1335> <TABLE
                  border=0 align=center cellPadding=3 cellSpacing=1 bgcolor="#999999">
                  <TBODY>
                        <TR vAlign=top bgcolor="#FFFFFF">
                        <TD align=middle> <TABLE cellSpacing=0 cellPadding=0 border=0><TBODY><TR>
                        <TD align=middle><p><a

href=http://www.enet.com.cn/eschool/includes/zhuanti/desk/2/17909/List1.shtml target=_blank><img

src=/eschool/includes/zhuanti/desk/2/17909/Img4282_1.jpg alt=国家地理杂志官方壁纸1 width=130 height=98 border=0></a></p></TD>
                        </TR></TBODY></TABLE></TD>
                        </TR>
                    </TBODY>
                </TABLE></TD>
              <TD id=demo2 vAlign=top
            width=19> </TD>
            </TR>
          </TBODY>
        </TABLE>
<SCRIPT>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</SCRIPT>
        <br>
      </DIV>

</td>
  </tr>
</table>

向上滚:

<SCRIPT language="javascript">
var speed=40;
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop-=demo1.offsetHeight;
}
else{
demo.scrollTop++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
          </SCRIPT>

在网上见过一个向左滚动,在ff里也可以滚,加在iframe里

转载于:https://www.cnblogs.com/wcg249165510/archive/2008/12/20/1358859.html