$(document).ready(function(){ //导航条下拉菜单 $("nav .con span").mouseover(function (){ $("nav .con span").css("color","#000000"); $(this).css("color","#FF0000"); $("nav").addClass("hover"); $("nav .con ul").hide(); $(this).next("ul").show(); }); $("nav .con span").mouseout(function (){ $("nav").removeClass("hover"); setTimeout(function(){ if(!$("nav").hasClass("hover")){ $("nav .con span").css("color","#000000"); $("nav .con ul").hide(); } },2000) }); $("nav .con ul").mouseover(function (){ $("nav").addClass("hover"); $(this).prev().css("color","#FF0000"); $(this).show(); }); $("nav .con ul").mouseout(function (){ $("nav .con span").css("color","#000000"); $(this).hide(); }); //大焦点图 $(".focus1 .menu ul li").click(function(){ $(this).addClass("on").siblings().removeClass("on"); var i=$(this).index(); $(".focus1 .box ul li").eq(i).fadeIn(1000).siblings().hide(); }); function focus1(){ var l=$(".focus1 .menu ul li").length; var i=$(".focus1 .menu ul .on").index()+1; if(i>=l){ i=0; }; $(".focus1 .menu ul li").eq(i).addClass("on").siblings().removeClass("on"); $(".focus1 .box ul li").eq(i).fadeIn(1000).siblings().hide(); } $(function(){ var auto_focus1=setInterval(focus1,5000); $(".focus1").hover(function(){clearInterval(auto_focus1);},function(){auto_focus1=setInterval(focus1,5000);}); }); //焦点图2 $(".focus2 .menu ul li").click(function(){ $(this).addClass("on").siblings().removeClass("on"); var i=$(this).index(); $(".focus2 .box ul li").eq(i).fadeIn(1000).siblings().hide(); }); function focus2(){ var l=$(".focus2 .menu ul li").length; var i=$(".focus2 .menu ul .on").index()+1; if(i>=l){ i=0; }; $(".focus2 .menu ul li").eq(i).addClass("on").siblings().removeClass("on"); $(".focus2 .box ul li").eq(i).fadeIn(1000).siblings().hide(); } $(function(){ var auto_focus2=setInterval(focus2,5000); $(".focus2").hover(function(){clearInterval(auto_focus2);},function(){auto_focus2=setInterval(focus2,5000);}); }); //焦点图3 $(".focus3 .menu ul li").click(function(){ $(this).addClass("on").siblings().removeClass("on"); var i=$(this).index(); $(".focus3 .box ul li").eq(i).fadeIn(1000).siblings().hide(); }); function focus3(){ var l=$(".focus3 .menu ul li").length; var i=$(".focus3 .menu ul .on").index()+1; if(i>=l){ i=0; }; $(".focus3 .menu ul li").eq(i).addClass("on").siblings().removeClass("on"); $(".focus3 .box ul li").eq(i).fadeIn(1000).siblings().hide(); } $(function(){ var auto_focus3=setInterval(focus3,5000); $(".focus3").hover(function(){clearInterval(auto_focus3);},function(){auto_focus3=setInterval(focus3,5000);}); }); });