jquery循环 - 添加然后删除css类 - 无限循环

Question

我如何使用jQuery无限添加然后删除一组4 li的CSS类.

基本上,看到这个简单的小提琴(没有任何jquery):http://jsfiddle.net/kHsvN/

我想循环通过框来改变一个盒子的CSS,翻回原来的CSS,然后继续下一个等等...

任何帮助赞赏!

Answer 1

你可以尝试这个

CSS对于当前项目，要添加/删除的类

ul#topboxesmenu li a.current{ background:black }

JS

$('#topboxesmenu li a').each(function(i){
    var t=$(this);
    setTimeout(function(){
        t.addClass('current');
        setTimeout(function(){
            t.removeClass('current');
        }, 1000);
    }, 1100*i);
});

演示版

更新：对于连续循环

$(function(){
    loopIt();
});

function loopIt(){    
    $('#topboxesmenu li a').each(function(i){
        var t=$(this);
        setTimeout(function(){
            t.addClass('current');
                setTimeout(function(){
                    t.removeClass('current');
                    if(i==$('#topboxesmenu li a').length-1) loopIt();;
                }, 1000);
        }, 1100*i);
    });
}

演示。