$(function(){ // tab切换 function web_tab(tab1,tab2){ $(tab1).each(function (i,n) { $(tab1+":eq("+i+")").hover(function () { $(tab1).removeclass("cur"); $(this).addclass("cur"); $(tab2).hide(); $(tab2+":eq("+i+")").show(); }); }) }; web_tab(".md2_menu a",".md2 ul"); web_tab(".md5_menu li",".md5_cont"); //添加效果 var $scro=0; $winh = $(window).height();//获取窗口高度 $(window).scroll(function(){ $scro=$(window).scrolltop()-$winh+$winh/1.5; runing(); }); function runing(){ var $obj2=$('.md1').offset(); var $obj3=$('.md2').offset(); var $obj4=$('.md3').offset(); var $obj5=$('.md4').offset(); var $obj6=$('.md5').offset(); var $obj7=$('.md6').offset(); if($scro + $winh >= $obj2.top){$('.md1').addclass('active');}else{$('.md1').removeclass('active');} if($scro + $winh >= $obj3.top){$('.md2').addclass('active');}else{$('.md2').removeclass('active');} if($scro + $winh >= $obj4.top){$('.md3').addclass('active');}else{$('.md3').removeclass('active');} if($scro + $winh >= $obj5.top){$('.md4').addclass('active');}else{$('.md4').removeclass('active');} if($scro + $winh >= $obj6.top){$('.md5').addclass('active');}else{$('.md5').removeclass('active');} if($scro + $winh >= $obj7.top){$('.md6').addclass('active');}else{$('.md6').removeclass('active');} /* $('.active .md1_ul1 li:eq(0)').addclass('cur'); $('.active .md1_ul2 li:eq(2)').addclass('cur'); */ } //第一块效果 $('.md1_ul1 li').hover(function () { $('.md1_ul1 li').removeclass('cur'); $(this).addclass('cur'); }); $('.md1_ul2 li').hover(function () { $('.md1_ul2 li').removeclass('cur'); $(this).addclass('cur'); }); })