zoukankan      html  css  js  c++  java
  • DIV+javascript实现首尾相连循环滚动效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <HTML xmlns="http://www.w3.org/1999/xhtml">
    <HEAD>
    <TITLE>div+js实现首尾相连循环滚动效果</TITLE>
    </HEAD>
    <BODY>
    用DIV+javascript实现首尾相连循环滚动效果(兼容firefox):<br /><br />
    <DIV id="scrollobj" style="white-space:nowrap;overflow:hidden;500px;"> 这里是要滚动的内容 111 222 </DIV>
    <script language="javascript" type="text/javascript">

    function Moveleft(obj) {
    var tmp = (obj.scrollLeft)++;
    //当滚动条到达右边顶端时
    if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
    //当滚动条滚动了初始内容的宽度时滚动条回到最左端
    if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
    }
    setInterval("Moveleft(document.getElementById('scrollobj'))",20);

    </script>
    </BODY>
    </HTML>

  • 相关阅读:
    JavaWeb(一)
    关于servlet的配置
    jquery中attr和prop的区别
    javascript-02
    javascript-01
    css
    css-02
    html扫盲-01
    Java 之 FileReader FileInputStream InputStreamReader BufferedReader 作用与区别
    Eclipse项目的.classpath文件
  • 原文地址:https://www.cnblogs.com/mcho/p/3320959.html
Copyright © 2011-2022 走看看