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>
  • 相关阅读:
    JQUERY获取text,areatext,radio,checkbox,select值(转)
    如何查看oracle sql执行计划
    Silverlight资源整理
    ORACLE分页SQL语句
    百科名片SEO
    转 JQuery FlexiGrid的asp.net完美解决方案:dotNetFlexGrid 源码、文档、范例程序下载。
    清除SQLServer2005的LOG文件
    GridView EmptyDataText Border
    Uploading Files in ASP.NET 2.0
    Invalid postback or callback argument.
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1321358.html
Copyright © 2011-2022 走看看