Warning: date(): Invalid date.timezone value 'HKT', we selected the timezone 'UTC' for now. in /home/mrgcom/public_html/catalog/controller/common/footer.php on line 48 文本滾動向上或向下滾動無間斷滾動-萬金油

The One 专一

文本滾動向上或向下滾動無間斷滾動-萬金油

直接上ex: 趕時間,無法寫詳細了,直接上例子.後面有空再補充示例下載,或展示.

#scrollMsg li{height:25px;line-height:25px;overflow:hidden;} 

<div id="scrollWrap" style="height:250px;overflow:hidden;">
            <ul id="scrollMsg"style="">
             
                                <li>
                 ∞ 手机                </li>
                                <li>
                 ∞ 红酒                </li>
                                <li>
                 ∞ 艺术培训网                </li>
                                <li>
                 ∞ 中国招聘网                </li>
                                <li>
                 ∞ 中国不锈钢门户                </li>
                                <li>
                 ∞ 中国购车网                </li>
                                <li>
                 ∞ 中国装饰工程网                </li>
                                <li>
                 ∞ 中国幼教门户                </li>
                                <li>
                 ∞ 中国水产网                </li>
                                <li>
                 ∞ 中国数码商城                </li>
                                        </ul>
            </div>
/*new-slideshow*/
try{ 
    var isStoped = false; 
    var oScroll = document.getElementById("scrollWrap"); 
    with(oScroll){ 
        noWrap = true; 
    } 

    oScroll.onmouseover = new Function('isStoped = true'); 
    oScroll.onmouseout = new Function('isStoped = false'); 

    var preTop = 0; 
    var curTop = 0; 
    var stopTime = 0; 
    var oScrollMsg = document.getElementById("scrollMsg");

    oScroll.appendChild(oScrollMsg.cloneNode(true)); 
    init_srolltext();
    
}catch(e){} 

function init_srolltext(){ 
    oScroll.scrollTop = 0; 
    setInterval('scrollUp()', 30); 
}

function scrollUp(){ 
    if(isStoped)
    return; 
    curTop += 1; 
    /* 這裡可以實現整行滾動或是無間斷滾動
    if(curTop == 37){ 
        stopTime += 1; 
        curTop -= 1; 
        if(stopTime == 180){ 
            curTop = 0; 
            stopTime = 0; 
        } 
    }else{ } 
    */
        preTop = oScroll.scrollTop; 
        oScroll.scrollTop += 1; 
        if(preTop == oScroll.scrollTop){ 
            oScroll.scrollTop = 0; 
            oScroll.scrollTop += 1; 
        } 
    
}
/*end */

真是好用的萬金油哦!

 

Powered By 爱你若晴天
身体健康 © 2017 粤ICP备14081548号-1

Article

Shopping

Search

Me