Question

js现在是鼠标点击切换，怎么改为自动切换??

var dtli = $('.dtul li');
var jjcon = $('.doct li');
$(dtli).on('click', function() {
$(this).addClass('curr').siblings().removeClass('curr');
$(jjcon).hide().eq($(this).index()).show();
});

Answer 1

var dtli = $('.dtul li'),
    jjcon = $('.doct li'),
    i = 0;
dtli.on('click', function(){
    var index = $(this).index();
    autoPlay(index);
});
//这儿是自动切换
//setInterval(执行的动作，执行的毫秒数)
setInterval(function(){
    i = i > dtli.length ? 0 : i;
    autoPlay(i);
    i++;
}, 1000);
function autoPlay(index){
    dtli.eq(index).addClass('curr').siblings().removeClass('curr');
    jjcon.eq(index).show().siblings().hide();
}

你可以试一下这段代码，既可以鼠标点击也可以自动播放

Answer 2

用定时器一直点击下一张或上一张

Answer 3

用onMouseOver事件