您的位置 首页 网站建设

连续向上滚动代码(不间断连续滚动)

        <script language="javascript"> 
        var speed=100;//速度数值越大速度越慢
        var mbox2=document.getElementById("mbox2");
        var mbox1=document.getElementById("mbox1");
        var mbox=document.getElementById("mbox");
        mbox2.innerHTML=mbox1.innerHTML;
        var fx=0;
        var icount=1;
        var MyMar4
        function setFx(vle)
        {
            fx=vle;
            icount=1
            MyMar4=setInterval(Marquee,speed);
            //alert(vle);
        }
        function Marquee()
        {
            if(fx==0)
            {
                Marquee3();
            }
            else
            {
                Marquee4();
            }
        }
        function Marquee3(){
        if(mbox2.offsetWidth-mbox.scrollTop<=0)//offsetWidth 是对象的可见宽度
        mbox.scrollTop-=mbox1.offsetWidth//scrollWidth 是对象的实际内容的宽,不包边线宽度
        else{
        mbox.scrollTop++;
        }       
        }
        function Marquee4(){
        if(mbox.scrollTop>=0)
        mbox.scrollTop--;
        }
  var MyMar4=setInterval(Marquee,speed);
        mbox.onmouseover=function() {clearInterval(MyMar4)};
        mbox.onmouseout=function() {MyMar4=setInterval(Marquee,speed)};
        </script>

网页中引用

<div id="mbox" style="overflow:hidden;height:210px;">
<div id="mbox1">

XXXXXX(要滚动的内容代码)

<div id="mbox2"></div>
</div>
<script language="javascript">...........</script>

热门文章