jquery 插件自动切换

$(function(){
    (function(){
        var curr = 0;
        $("#jsNav .trigger").each(function(i){
            $(this).click(function(){
                curr = i;
                $("#js img").eq(i).fadeIn("slow").siblings("img").hide();
                $(this).siblings(".trigger").removeClass("imgSelected").end().addClass("imgSelected");
                return false;
            });
        });
        
        var pg = function(flag){
            //flag:true表示前翻, false表示后翻
            if (flag) {
                if (curr == 0) {
                    todo = 2;
                } else {
                    todo = (curr - 1) % 3;
                }
            } else {
                todo = (curr + 1) % 3;
            }
            $("#jsNav .trigger").eq(todo).click();
        };
        
        //前翻
        $("#prev").click(function(){
            pg(true);
            return false;
        });
        
        //后翻
        $("#next").click(function(){
            pg(false);
            return false;
        });
        
        //自动翻
        var timer = setInterval(function(){
            todo = (curr + 1) % 3;
            $("#jsNav .trigger").eq(todo).click();
        },4000);
        
        //鼠标悬停在触发器上时停止自动翻
        $("#jsNav a").hover(function(){
                clearInterval(timer);
            },
            function(){
                timer = setInterval(function(){
                    todo = (curr + 1) % 3;
                    $("#jsNav .trigger").eq(todo).click();
                },1500);            
            }
        );
    })();
});
posted @ 2012-09-15 13:27  haiwei.sun  阅读(200)  评论(0编辑  收藏  举报
返回顶部