• 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>
  • 相关阅读:
    vsCode_1.27.2
    前端图片压缩(纯js)
    chrome浏览器表单自动填充默认样式(背景变黄)-autofill
    前端Table数据导出Excel使用HSSFWorkbook(Java)
    linux下安装python3.6
    linux 下启动tomca慢问题
    linux下nginx配置ssl证书(https)
    spring+mybatis多数据源
    css3实现小箭头,各种图形
    Windows 环境搭建Redis集群(win 64位)
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1321358.html
Copyright © 2020-2023  润新知