zoukankan      html  css  js  c++  java
  • 上下左右 无缝隙 滚动代码

    以前做项目的时候使用过这个特效。

    1. <div id=demo style="overflow:hidden;height:100;240;background:#4183B1;color:#ffffff"><div id=demo1>这里放置要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容要滚动的内容</div>
    2. <div id=demo2></div>
    3. </div>
    4. <script>
    5. var speed=30
    6. demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2
    7. function Marquee(){
    8. if(demo2.offsetTop-demo.scrollTop<=0)//当滚动至demo1demo2交界时
    9. demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端
    10. else{
    11. demo.scrollTop++
    12. }
    13. }
    14. var MyMar=setInterval(Marquee,speed)//设置定时器
    15. demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
    16. demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器
    17. </script>
  • 相关阅读:
    Gem命令详解
    使用Ruby脚本部署Redis Cluster集群
    解决gem install redis报错
    Redis Cluster命令安装
    Redis Sentinel原理介绍与部署
    PyCharm单行多行代码注释快捷键
    windows下python安装与卸载
    MySQL通过SQL语句查看表的索引
    Redis主从复制
    MySQL开启binlog日志
  • 原文地址:https://www.cnblogs.com/jincon/p/JavaScript.html
Copyright © 2011-2022 走看看