zoukankan      html  css  js  c++  java
  • 连续循环向上滚动代码

    <div align="center" id="demo" style="overflow:hidden;height:200px;250px;border:1px solid #6699cc;font-size:14px;color:#336699;line-height:22px;text-align:left;padding:10px">
        <div id="demo1">
            无缝隙向上滚动,兼容IE和FF<br />
      党宝博客dangbao's Blog<br />
      CSS技术讨论群66042462<br />
            专注网页前端制作问题
        </div>
        <div id="demo2"></div>
    </div>
    <script language="javascript" type="text/javascript">
    <!--
    var demo = document.getElementById("demo");
    var demo1 = document.getElementById("demo1");
    var demo2 = document.getElementById("demo2");
    var speed=30;    //滚动速度值,值越大速度越慢
    var nnn=200/demo1.offsetHeight;
    for(i=0;i<nnn;i++){demo1.innerHTML+="<br />"+ demo1.innerHTML}
    demo2.innerHTML = demo1.innerHTML    //克隆demo2为demo1
    function Marquee(){
        if(demo2.offsetTop-demo.scrollTop<=0)    //当滚动至demo1与demo2交界时
            demo.scrollTop-=demo1.offsetHeight    //demo跳到最顶端
        else{
            demo.scrollTop++     //如果是横向的 将 所有的 height top 改成 width left
        }
    }
    var MyMar = setInterval(Marquee,speed);        //设置定时器
    demo.onmouseover = function(){clearInterval(MyMar)}    //鼠标经过时清除定时器达到滚动停止的目的
    demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}    //鼠标移开时重设定时器
    -->
    </script>
  • 相关阅读:
    Future
    Vim 打开多个文件
    turboc报错:"unable to open file:c0s.obj "
    JNI(1)
    数据绑定控件ListView
    数据绑定控件ListView事件
    数据库取图片拼接ImageUrl
    数据绑定控件Reperter
    数据绑定控件ListView事件ItemCreated的Bug
    数据库系统为什么使用三级模式结构
  • 原文地址:https://www.cnblogs.com/bestsaler/p/1835712.html
Copyright © 2011-2022 走看看