~(function() { var flag = true; //点击切换效果 $(".oDR7_asideItem:not(:first)").click(function() { flag = false; //alert($(".oRD8_stairs").length); $(".oDR7_asideItem").removeClass("oDR7_active").find("span").removeClass("oDR7_activeDot").removeClass("oDR7_color"); $(this).addClass("oDR7_active").find("span:nth-of-type(2)").addClass("oDR7_activeDot").end().find("span:last-of-type").addClass("oDR7_color"); var sTop = $(".oRD8_stairs").eq($(this).index()-1).offset().top - 165; $("body,html").animate({ "scrollTop": sTop }, 1000, function() { flag = true; }); }); //滚动条滚动效果 $(window).scroll(function() { if (flag) { var sTop = $(document).scrollTop(); //alert($(".oRD8_stairs2").length); var $floor = $(".oRD8_stairs2").filter(function(index, ele) { return Math.abs($(this).offset().top - sTop) < $(this).height() / 2; }); if($floor.index()-1 > 0) { $(".oDR7_asideItem").removeClass("oDR7_active").find("span").removeClass("oDR7_activeDot").removeClass("oDR7_color"); $(".oRD7_stairs2List").eq($floor.index()-1).addClass("oDR7_active").find("span:nth-of-type(2)").addClass("oDR7_activeDot").end().find("span:last-of-type").addClass("oDR7_color"); } } }); //悬浮效果 $(".oDR7_asideItem:not(:first)").hover(function() { $(".oDR7_asideItem").removeClass("oDR7_active").find("span").removeClass("oDR7_activeDot").removeClass("oDR7_color"); $(this).addClass("oDR7_active").find("span:nth-of-type(2)").addClass("oDR7_activeDot").end().find("span:last-of-type").addClass("oDR7_color"); },function() {}); })();