jquery 插件自动切换

最新推荐文章于 2020-07-01 23:16:52 发布

haiwei_sun

最新推荐文章于 2020-07-01 23:16:52 发布

阅读量49

点赞数

本文链接：https://blog.csdn.net/helen_shw/article/details/104035947

版权

$(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);            
            }
        );
    })();
});