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>
  • 相关阅读:
    .OBJ est1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'
    线程详细剖析(四)
    线程详细剖析(三)
    线程详细剖析(二)
    线程详细剖析(一)
    CAN总线相关的几个gitlab代码
    进程详细剖析(三)
    C++实现多级排序
    C/C++读写二进制文件
    C++11新特性
  • 原文地址:https://www.cnblogs.com/jincon/p/JavaScript.html
Copyright © 2011-2022 走看看