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>
  • 相关阅读:
    用class定义类--Python
    列表推导(list comprehension)--Python
    排序--Python
    腌制数据--python(pickle标准库)
    Python--异常处理
    Python--各种杂乱的笔记
    python--文件读写
    我靠 xmind居然可以在博客园这么分享
    思维导图记录
    思维导图记录
  • 原文地址:https://www.cnblogs.com/jincon/p/JavaScript.html
Copyright © 2011-2022 走看看