您好,欢迎来到居食网。
搜索
您的当前位置:首页js文本滚动效果的实例代码_javascript技巧

js文本滚动效果的实例代码_javascript技巧

来源:居食网


代码如下:



New Document








  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

  • 10

  • 10






  • var sl = function(id){ return document.getElementById(id)}
    var speed = 0;
    var timer = null;
    var i=0;
    function slProdust(){
    var slchanpingCon01 = sl("slchanpingCon01").getElementsByTagName("li");
    var slElem = sl("slchanpingCon01");
    var slDivWidth = slchanpingCon01[0].offsetWidth * slchanpingCon01.length;
    slElem.style.width = slDivWidth +"px";
    function autoFunc(){
    if(speed > -slDivWidth ){
    speed--;

    slElem.style.left = speed + "px"
    }
    else{

    clearTimeout(timer);
    }
    timer = setTimeout(function(){autoFunc()},10);
    }
    autoFunc();
    }
    slProdust();



    Copyright © 2019- jusc.cn 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务