zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    ccache——/root/.ccache
    Ionic 2 | Tutorial | Let’s Create Our First Application
    Ionic 2 Tutorial
    搭建移动端框架Ionic+Genymotion开发环境
    【2020】输出矩阵
    【2015】给一个不多于三位的正整数,求出它是几位数,并分别打印出各位上的数字。
    【2021】小球走过的路程
    【2022】余料最少
    【2023】将十进制数转化为二进制数
    【2024】求X到Y之间的整数和
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1321358.html
Copyright © 2011-2022 走看看