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>
  • 相关阅读:
    每天拿出来2小时浪费(文/王路) 作者: 王路
    objective-c自学总结(二)---init/set/get方法
    objective-c自学总结(一)---面向对象
    水仙花数
    独木舟上的旅行
    阶乘之和
    小明的调查统计
    管闲事的小明
    重温《STL源码剖析》笔记 第一章
    重温《STL源码剖析》笔记 第三章
  • 原文地址:https://www.cnblogs.com/bestsaler/p/1835712.html
Copyright © 2011-2022 走看看