Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效

2020-05-24 21:21:20易采站长站整理

        _index: 0,
        curImg: 5,
        indexShow : 5
    };
    /**
     生成并插入 Slide 结构
    **/
    var buildSlide = function() {
        // 注入 Slide 结构
        var panelHtml  = $(‘_slide’).getElementsByTagName(‘ul’)[0].innerHTML;
        var aLi = $(‘_slide’).getElementsByTagName(‘ul’)[0].getElementsByTagName(‘li’);
        $(‘_slide’).getElementsByTagName(‘ul’)[0].innerHTML = panelHtml + panelHtml;
        // 设置宽高
        setSlideWH($(config.imgTargetId), config.imgWidth, config.imgHeight);
        $(‘_slide’).getElementsByTagName(‘ul’)[0].style.left = ‘-‘ + aLi[0].offsetWidth * 4 + ‘px’;
    };
    quadEaseOut = function (t, b, c, d, s) {
       return -c *(t/=d)*(t-2) + b;
    };
    var move = function(){
        //var e = this;
        clearTimeout(config.timer),
        config.t < 50 ? (boxMoveTo(Math.round(quadEaseOut(config.t += 3, config.b, config.c, 50))), config.timer=setTimeout(function(){move()}, 30)) : boxMoveTo(config.target)
    }
    var boxMoveTo = function(e){
        $(‘slide_list’).style.left = e+”px”
    }
    //var dotNum = 0;
    var d  = false;
    var run = function(e, t){
        var slideList = $(‘slide_list’).getElementsByTagName(‘li’);
        dotList = $(“focus_dot”).getElementsByTagName(‘li’);
            slideList[config._index].className = ”;
            for(var i=0; i<config.imgData*2; i++){
                slideList[i].className = ”;
                slideList[i].getElementsByTagName(“p”)[0].style.display = ‘none’;
                }