zoukankan      html  css  js  c++  java
  • js实现上下滚动的词条

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <style>
    #demo{
    height:154px;
    200px;
    background: pink;
    overflow: hidden;
    }
    #demo ul{
    list-style: none;
    margin: 0px;
    padding:0px;
    100%;
    margin: 0 auto;
    }
    #demo ul li{
    height:22px;
    line-height:22px;
    }
    #demo2 li{
    height:22px;
    list-style:none;
    }
    </style>
    </head>
    <body>
    <div id="demo">
    <ul id="demo1">
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    <li><a href="#">我是没明白</a></li>
    </ul>
    <div id="demo2"></div>
    </div>
    </body>
    <script>
    var speed = 40;
    window.onload = function(){
    var demo = document.getElementById('demo');
    var demo1 = document.getElementById('demo1');
    var demo2 = document.getElementById('demo2');
    demo2.innerHTNL = demo1.innerHTNL;
    function Marquee(){
    if(demo.scrollTop >= demo1.offsetHeight){
    demo.scrollTop =0;
    }else{
    demo.scrollTop = demo.scrollTop + 1;
    }
    }
    var MyMar = setInterval(Marquee,speed);
    }
    </script>
    </html>
    

      

  • 相关阅读:
    模线性方程理解
    dp水题
    静态字典树模板
    KMPnext数组循环节理解 HDU1358
    layer开发随笔
    javascript时间格式转换
    ubuntu16创建开机启动服务
    es集群搭建
    mongodb集群搭建
    zookeeper集群搭建
  • 原文地址:https://www.cnblogs.com/TTTK/p/6294284.html
Copyright © 2011-2022 走看看