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

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

            for(var i=0; i<config.imgData; i++){
                dotList[i].className = ”;
                }
        e = e < 0 ? config.imgData – 1 : e > config.imgData ? 1 : e,
        config.target = -Math.abs(slideList[0].offsetWidth)*(config.index = e),
        config.t = 0,
        config.b = t ? config.target – slideList[0].offsetWidth : config.target + slideList[0].offsetWidth,
        config.c = config.target – config.b,
        move();
        config.curImg = config.index + 1 > 6 ? 1 : (config.index + 1);
        slideList[config.curImg].className = ‘cur’;
        var dotN = 0;
        if(config.index >= 4){
            dotN = config.index – 4;
        }else{
            dotN = config.curImg;
        }
        dotList[dotN].className = “current”;
        slideList[config.curImg].getElementsByTagName(“p”)[0].style.display = ‘block’;
        config._index = config.curImg;
    }
    /**
     自动切换
    **/
    var b = false, c = false, timerA = null;
    var autoSwitch = function() {
        var slideList = $(‘slide_list’).getElementsByTagName(‘li’);
        // 遍历触发器
        for (var i=0; i<config.imgDataLen; i++) {
            // 找到当前触发器
            if (slideList[i].className == ‘cur’) {
                // 获得当前触发器的索引
                config.index = getIndex(slideList[i], slideList);
            }
        }