• 上下左右 无缝隙 滚动代码


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

    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>
  • 相关阅读:
    linux下udp编程
    gitlab和Django实现push自动更新
    gitlab和Django实现push自动更新
    gitlab和Django实现push自动更新
    python通过163邮箱发送邮件
    python通过163邮箱发送邮件
    爬虫的分类
    Webmagic之使用Pipeline保存结果
    Webmagci功能--获取链接
    Webmagic功能--抽取元素
  • 原文地址:https://www.cnblogs.com/jincon/p/JavaScript.html
Copyright © 2020-2023  润新知