Question

Jquery 一个每隔十秒自动切换，这样循环的效果

http://pan.baidu.com/s/1mgEBKLU
求大神帮帮，谢谢

Answer 1

JS部分修改成下面这样就可以了

function switchContent() {
    $(this).addClass("on").siblings("li").removeClass("on");
    $ ('.con .txt:eq(' + $(this).index () + ')').fadeIn("slow").siblings ().fadeOut();
}
function autoSwitch() {
    setInterval(function(){
        var next = $('.focus .on').next();        
        if(next.length == 0) {
            next = $('.focus li:first');
        }
        switchContent.call(next);
    }, 2000);
}
$(".focus li").click(function () {
    switchContent.call(this);
});
autoSwitch();

Answer 2

覆盖你写的js

<script>
var a=1,time=10000,s;
function test(){
if(a == 3){a=0;}
$('.con .txt').fadeOut('slow').filter(':eq('+a+')').fadeIn('slow');
$(".focus li").removeClass("on").filter(':eq('+a+')').addClass("on");
a++;
s=setTimeout(test,time);
}

s=setTimeout(test,time);
$(".focus li").click(function () {
$(this).addClass("on").siblings("li").removeClass("on");
$ ('.con .txt:eq(' + $ (this).index () + ')').fadeIn("slow").siblings ().fadeOut();

clearTimeout(s);
var b=$(".focus li"),c=b.index(this);
a=c+1;
s=setTimeout(test,time);
});

<!-- 点击3按钮就是再减628px -->
</script>