$(function(){ $(".banner1").slide({ titcell:".num ul" , maincell:".banner_pic1" , effect:"leftloop", autoplay:true, delaytime:700 , autopage:true }); $(".banner").slide({ titcell:".num ul" , maincell:".banner_pic" , effect:"leftloop", autoplay:true, delaytime:700 , autopage:true }); /*首页搜索下拉*/ $(".drop_down").click(function(event) { if (event.stoppropagation) { //阻止时间冒泡 event.stoppropagation(); $(".dd_list").slidetoggle(200) }else{ event.cancelbubble = true; $(".dd_list").slidetoggle(200) }; }); $(".dd_list span").click(function(event) { var val = $(this).html(); $(".dd_list").slideup(200); $(this).addclass('current_dd_span').siblings().removeclass('current_dd_span'); $(".drop_down").html(val); }); //点击空白处收起 $("body").click(function(event) { $(".dd_list").slideup(200); }); /*导航下拉*/ $('.nav ul li').mouseover(function(){ $(this).find('.nav_dd').stop(true,true).slidedown(); $(this).children("a").addclass("cur"); }); $('.nav ul li').mouseleave(function(){ $(this).find('.nav_dd').stop(true,true).slideup('fast'); $(this).children("a").removeclass("cur"); }); /*自定义轮播*/ $(".small_pic a").hover(function() { var index = $(".small_pic a").index(this); $(".big_pic a").eq(index).stop().fadein(100).siblings().stop().fadeout(100); $(this).addclass('current_small_pic_a').siblings().removeclass('current_small_pic_a') }); /*案例遮罩*/ $(".anli_content ul li").hover(function() { $(this).find('.anli_zz').stop().animate({top:0,opacity:'1'}, 300) },function(){ $(this).find('.anli_zz').stop().animate({top:'100%',opacity:0}, 300) }); /*右侧定位导航*/ $(".tel,.qq,.back_top").hover(function() { $(this).find('a').stop().animate({'width':'140px','left':'-80px'}, 300) },function(){ $(this).find('a').stop().animate({'width':'60px','left':0}, 300) }); $(".side_nav ul li").eq(2).addclass('side_nav_3')//控制二维码 $(".side_nav ul li").eq(2).hover(function() { $(this).find('span').stop().toggle(300) }); //返顶 $('.back_top').click(function(){ $('body,html').animate({scrolltop:0},500) }); $('.linktop').click(function(){ $('body,html').animate({scrolltop:0},500) }); //首页快速导航特效 $('.an1').hover(function(){$(this).addclass('bounce')},function(){$(this).removeclass('bounce')}) $('.an2').hover(function(){$(this).addclass('jello')},function(){$(this).removeclass('jello')}) $('.an3').hover(function(){$(this).addclass('pulse')},function(){$(this).removeclass('pulse')}) $('.an4').hover(function(){$(this).addclass('fadein')},function(){$(this).removeclass('fadein')}) $('.an5').hover(function(){$(this).addclass('flip')},function(){$(this).removeclass('flip')}) $('.an6').hover(function(){$(this).addclass('swing')},function(){$(this).removeclass('swing')}) $('.an7').hover(function(){$(this).addclass('rubberband')},function(){$(this).removeclass('rubberband')}) //分享 $(".sharediv").hover(function(){ $(".sharelist").css("display","block"); },function(){ $(".sharelist").css("display","none"); }) /*细节样式*/ $(".zhuanjia_list ul li").first().siblings().css('margin-left', '6px'); $(".anli_content ul li").first().css({ 'width': '350px', 'height': '325px' }); $(".anli_content ul li").eq(4).css({ 'width': '429px' }); $(".anli_content ul li").first().siblings().css({'margin-left':'3px','margin-bottom':"3px"}); //子页导航动画按钮 aaa(32)//li的高度 function aaa(hh){ var h = hh; var ul = $("#left-type"); // var index_i = 0; //计数器 var allh = $(".con1_class").height(); //容器高 var onen = parseint(allh/h)-1; //容器内的个数 $(".class_down").click(function(event) { var length = parseint($("#left-type").height()/h); index_i++; if(index_i>=length-onen){ index_i = 0; } ul.stop().animate({top:-(index_i*h)}, 200) }); $(".class_up").click(function(event) { var length = $("#left-type li").length; index_i--; if(index_i == -1){ index_i = 0; } ul.stop().animate({top:-(index_i*h)}, 200) }); } })