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>
  • 相关阅读:
    FTP协议操作
    [转贴]SQL2005数据类型
    传智博客学习0512
    20120515传智学习
    20120516分析三层中的null的处理
    20120520晚
    你懂不懂我不知道,反正我是晕了
    20120509小记
    javascript 循环语句 while、dowhile、forin、for用法区别
    C#的一些学习方法
  • 原文地址:https://www.cnblogs.com/jincon/p/JavaScript.html
Copyright © 2011-2022 走看看