• js 滚动、切换代码的搜集


    JS不间断向上滚动

    <div id=demo style=overflow:hidden;height:139;232;background:#f4f4f4;color:#ffffff><div id=demo1>
    <img src="http://www.xxxx.com/lanren/jscode/js-0063/images/01.jpg">
    <img src="http://www.xxxx.com/lanren/jscode/js-0063/images/02.jpg">
    </div>
    <div id=demo2></div>
    </div>
       <script>
       
    var speed=50
       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>

    JS不间断向下滚动
    <div id=demo style=overflow:hidden;height:139;232;background:#f4f4f4;color:#ffffff><div id=demo1>
    <img src="http://www.xxxx.com/lanren/jscode/js-0063/images/01.jpg">
    <img src="http://www.xxxx.com/lanren/jscode/js-0063/images/02.jpg">
    </div>
    <div id=demo2></div>
    </div>
        <script>
        
    var speed=30
        demo2.innerHTML
    =demo1.innerHTML
        demo.scrollTop
    =demo.scrollHeight
        
    function Marquee(){
        
    if(demo1.offsetTop-demo.scrollTop>=0)
        demo.scrollTop
    +=demo2.offsetHeight
        
    else{
        demo.scrollTop
    --
        }
        }
        
    var MyMar=setInterval(Marquee,speed)
        demo.onmouseover
    =function() {clearInterval(MyMar)}
        demo.onmouseout
    =function() {MyMar=setInterval(Marquee,speed)}
        
    </script>

    JS不间断向左滚动
    <div id=demo style=overflow:hidden;height:139;232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="http://www.xxxx.com/lanren/jscode/js-0063/images/01.jpg"><img src="http://www.xxxx.com/lanren/jscode/js-0063/images/02.jpg"><td>
    <td id=demo2 valign=top></td></tr></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>
  • 相关阅读:
    sql语句相关操作
    点菜系统数据库课程设计
    JDBC连接mysql编程
    JFrame画图基础和事件监听
    JFrame编程
    Java基础知识
    bzoj1047-理想的正方形(二维单调队列)
    Project Eular 233/ BZOJ 1041
    Open Train 10352
    Codeforces Round 492 (Div.1)
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1321358.html
Copyright © 2020-2023  润新知