• js 向上滚屏


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <style>
    *{margin:0;padding:0}
    #slide{position:absolute;height:300px;260px;color:#FA8E93;overflow:hidden;border:1px solid #ccc}
    #slide p{height:34px;line-height:34px;overflow:hidden}
    #slide span{float:right}
    </style>
    </head>
    <body>

    <div id="slide">
    <div id="slide1">
    <p><span>领取了烈焰双11礼包</span>1、dqx5***</p>
    <p><span>领取了烈焰双11礼包</span>2、s376***</p>
    <p><span>领取了街机三国双11礼包</span>3、sdk1***</p>
    <p><span>领取了烈火战神双11礼包</span>4、说好〃不沋伤</p>
    <p><span>领取了街机三国双11礼包</span>5、说好〃不沋伤</p>
    <p><span>领取了烈焰双11礼包</span>6、gao6***</p>
    <p><span>领取了街机三国双11礼包</span>7、ando***</p>
    <p><span>领取了街机三国双11礼包</span>8、6813***</p>
    <p><span>领取了烈焰双11礼包</span>9、lais***</p>
    </div>
    <div id=slide2></div>
    </div>

    <script>
    var speed=40
    var slide=document.getElementById("slide");
    var slide2=document.getElementById("slide2");
    var slide1=document.getElementById("slide1");
    slide2.innerHTML=slide1.innerHTML
    function Marquee(){
    if(slide2.offsetTop-slide.scrollTop<=0)
    slide.scrollTop-=slide1.offsetHeight
    else{
    slide.scrollTop++
    }
    }
    var MyMar=setInterval(Marquee,speed)
    slide.onmouseover=function(){clearInterval(MyMar)}
    slide.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
    </script>

    </body>
    </html>

  • 相关阅读:
    自动装配有哪些局限性?
    zk 节点宕机如何处理?
    Zookeeper 的 java 客户端都有哪些?
    BeanFactory – BeanFactory 实现举例?
    Spring 配置文件?
    什么是 Spring IOC 容器?
    Spring 框架中的单例 bean 是线程安全的吗?
    ApplicationContext 通常的实现是什么?
    什么是通知Advice?
    spring 支持哪些 ORM 框架?
  • 原文地址:https://www.cnblogs.com/liangxuru/p/6073347.html
Copyright © 2020-2023  润新知