知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    文本向上滚动可指定间隔时间

    作者:佳明妈 来源:懒人建站 2010-03-03 人气:
    文本向上滚动,可指定间隔时间,滚动速度和滚动距离,具体配置,在JS中已经有了注释,DIV/UL/LI结构。

    文本向上滚动,可指定间隔时间,滚动速度和滚动距离,具体配置,在JS中已经有了注释,DIV/UL/LI结

    构,
    JS代码如下:
    <script type="text/javascript" language="javascript">
    <!--
    //以下参数酌情修改
    try{
    var marqueesHeight = 18; //高度
    var stopscroll     = false;
    var scrollElem =   document.getElementById("scrolllayer");
    with(scrollElem){
    style.width     = 500;//宽度
    style.height    = marqueesHeight;
    style.overflow  = 'hidden';
    noWrap          = true;
    }
    scrollElem.onmouseover = new   Function('stopscroll = true');
    scrollElem.onmouseout  = new   Function('stopscroll = false');
    var preTop     = 0;
    var currentTop = 0;
    var stoptime   = 0;
    var leftElem =   document.getElementById("scrollmessage");
    scrollElem.appendChild(leftElem.cloneNode(true));
    init_srolltext();
    }catch(e) {}
    function init_srolltext(){
    scrollElem.scrollTop = 0;
    setInterval('scrollUp()', 15); //滚动速度
    }
    function scrollUp(){
    if(stopscroll) return;
    currentTop += 1;
    if(currentTop == 19) { //滚动距离
    stoptime += 1;
    currentTop -= 1;
    if(stoptime == 220) { //停顿时间
    currentTop = 0;
    stoptime = 0;
    }
    }else{
    preTop = scrollElem.scrollTop;
    scrollElem.scrollTop += 1;
    if(preTop == scrollElem.scrollTop){
    scrollElem.scrollTop = 0;
    scrollElem.scrollTop += 1;
    }
    }
    }
    //-->
    </script>
     

    ↓ 查看全文

    文本向上滚动可指定间隔时间由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    文本向上滚动可指定间隔时间-最新评论