間隔向上滾動(dòng)

字號:


    查看效果:向上滾動(dòng)代碼
    <style>
    div { font-size:12px; }
    </style>
    <div id="mq" onmouseover="iScrollAmount=0"
    onmouseout="iScrollAmount=1">
    向上滾動(dòng)代碼 <br>
    向上滾動(dòng)代碼<br>
    向上滾動(dòng)代碼<br>
    </div>
    <script>
    var oMarquee = document.getElementById("mq"); //滾動(dòng)對象
    var iLineHeight = 42; //單行高度,像素
    var iLineCount = 7; //實(shí)際行數(shù)
    var iScrollAmount = 1; //每次滾動(dòng)高度,像素
    function run() {
    oMarquee.scrollTop += iScrollAmount;
    if ( oMarquee.scrollTop == iLineCount * iLineHeight )
    oMarquee.scrollTop = 0;
    if ( oMarquee.scrollTop % iLineHeight == 0 ) {
    window.setTimeout( "run()", 2000 );
    } else {
    window.setTimeout( "run()", 50 );
    }
    }
    oMarquee.innerHTML += oMarquee.innerHTML;
    window.setTimeout( "run()", 2000 );
    </script>