zoukankan      html  css  js  c++  java
  • 上下滚动js

    <div id="MarqueePro" style="overflow:hidden;height:70px;">
    <div id="MarqueePro1">
    我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程我的登录历程
    </div>


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

  • 相关阅读:
    javaBean为什么要实现Serializable接口?
    OpenLayers3的WMS空间查询实现多个图层
    (WPS) 网络地理信息处理服务
    window.open跳过浏览器拦截
    linux改权限
    element-ui MessageBox的bug
    element-ui上传文件带token
    MySQL启动出现The server quit without updating PID file错误解决办法
    重装应用商店
    vscode在vue-cli中按照ESlint自动格式化代码
  • 原文地址:https://www.cnblogs.com/luluping/p/1439996.html
Copyright © 2011-2022 走看看