/** * tabs * @return */ function tabs(tabtitle,tab_content,event){ var index=$(tabtitle).children(".hover").index() $(tab_content).children().eq(index).show().siblings().hide(); $(tabtitle).children().bind(event,function(){ var index=$(this).index(); $(this).addclass("hover").siblings().removeclass("hover"); $(tab_content).children().eq(index).show().siblings().hide(); return false; }); } function tabsurl(tab_ul,tabmore){ var taburl = $(tab_ul).children("dd.hover").find("a").attr("href"); $(tabmore).attr("href",taburl); $(tab_ul).children().mouseover(function(){ var taburl = $(this).find("a").attr("href"); $(tabmore).attr("href",taburl); }); } /*选择框*/ function selected(selectdiv){ $(selectdiv).attr("val","0") $(selectdiv).find(".seljg,i").click(function(){ var val=$(this).parent().attr("val") var nowtext=$(this).parent().find(".seljg").text().replace(/\s*/g,""); $(this).siblings(".seltj").find("a").each(function(index, element) { var seltext=$(this).text() if(seltext == nowtext){ $(this).addclass("hover") } }); //判断当前这个点击其他的隐藏 //下面这个if判断以单击写双击 if(val==1){ $(this).siblings(".seltj").hide() $(this).parent().attr("val","0") $(this).parent().css("zindex","0") }else{ $(this).siblings(".seltj").slidedown("fast"); $(this).parent().css("zindex","999999999999999").siblings().css("zindex","0") $(this).parent().siblings().find(".seltj").slideup("fast"); $(this).siblings(".seltj").find("a").click(function(){ var selecttext=$(this).text() $(this).addclass("hover").siblings().removeclass("hover") $(this).parent().siblings(".seljg").text(selecttext) $(this).parent().siblings("input").attr("value",selecttext) $(this).parent().css("display","none") $(this).parents(selectdiv).attr("val","0") }); $(this).parent().attr("val","1").siblings().attr("val","0") } //下面这段实现点击外层隐藏下拉 $(document).one("click", function() { //对document绑定一个影藏div方法 $(selectdiv).find(".seltj").hide(); $(selectdiv).attr("val","0"); $(selectdiv).css("zindex","0") }); //var obj = event.srcelement ? event.srcelement : event.target; //event.stoppropagation(); //阻止事件向上冒泡 event.stopimmediatepropagation(); }) $(selectdiv).click(function(event) { //event.stoppropagation(); //阻止事件向上冒泡 event.stopimmediatepropagation(); }); } /*浮窗*/ function scrollslow(div,time){ var h=$(window).height(); var h1=$(div).height() var a=$(window).width() var margintop=(h-h1)/2+300 $(div).animate({top:margintop},time) $(window).scroll(function(){ var top=$(this).scrolltop() var t=$(document).scrolltop() if(t>300){ $(div).css("display","block") }else{ $(div).css("display","none") } $(div).stop().animate({top:top+margintop},time) }) } /* *字体大小 */ $(function(){ var fontsize=$(".articletime span") var articlebox=$(".articlebox") fontsize.click(function(){ $(this).addclass("hover").siblings().removeclass("hover") var fonthtml=$(this).html(); if(fonthtml=="小") { articlebox.css({"font-size":"12px"}) } else if((fonthtml=="中")) { articlebox.css({"font-size":"14px"}) } else if((fonthtml=="大")) { articlebox.css({"font-size":"18px"}) } }) }) function inputfocus(div){ var input=$(div).find("input:text") input.focusin(function(){ $(this).siblings("span").css("display","none") }) input.focusout(function(){ if($(this).val()==""){ $(this).siblings("span").css("display","block") } }) window.onload=function(){ input.val("") } } function nav(nav_dl,nav_ul,navicon,navbg){ var ddhoverpos = $(nav_dl).find("dd.hover").position().left; $(navicon).stop(true,true).animate({left:ddhoverpos+20},{duration:500,easing:'easeinoutback'}); var dl_w = $(nav_dl).width(); $(nav_ul).each(function(){ $(this).find("li:last i").css("display","none"); }); $(nav_dl).find("dd").each(function(index){ var ddposl = $(this).position().left; var txtn = $(this).find("li a").text().length; var in = $(this).find("li i").length; //alert(in+'-----'+iw+'----'+txtn+'----'+txtn*14+'---'+in*40) $(this).find(nav_ul).width(in*2+txtn*14+in*40); if(in*2+txtn*14+in*40>dl_w){ $(this).find(nav_ul).css({width:dl_w,left:-ddposl}); }else if(in*2+txtn*14+in*40+ddposl>dl_w&&in*2+txtn*14+in*40>ddposl){ $(this).find(nav_ul).css("right",-ddposl); }else if(in*2+txtn*14+in*40+ddposl>dl_w){ $(this).find(nav_ul).css("right",0); }else{ $(this).find(nav_ul).css("left",0); } $(this).hover(function(){ $(nav_dl).find("dd.hover").removeclass("hover").addclass("active"); $(this).addclass("hover"); var h = $(this).find(nav_ul).outerheight(); var lin = $(this).find("li").length; if(lin>0){ $(this).find(nav_ul).stop(true,true).delay(400).slidedown(); $(navbg).stop(true,true).animate({height:h}).slidedown(); }else{ $(navbg).stop(true,true).slideup(); } $(navicon).stop(true,true).animate({left:ddposl+20},{duration:500,easing:'easeinoutback'}); },function(){ $(this).removeclass("hover"); $(nav_dl).find("dd.active").removeclass("active").addclass("hover"); $(this).find(nav_ul).stop(true,true).fadeout(); }); }); $(".nav_dl").hover(function(){},function(){ var ddhoverpos = $(this).find("dd.hover").position().left; $(navicon).stop(true,true).animate({left:ddhoverpos+20},{duration:500,easing:'easeinoutback'}); $(navbg).stop(true,true).slideup(); }); }; $(document).ready(function(){ //导航 nav(".nav_dl",".nav_ul",".navicon",".navbg"); //banner $(".banner").slide({ maincell:".bd ul", titcell:".hd ul", titonclassname:"on",//当前状态 on进度条效果 cur选中效果 effect:"leftloop", //左循环滚动 fold:淡入淡出 toploop:上循环滚动; leftloop:左循环滚动; delaytime:1000, //切换时间 intertime:5000, //切换间隔 trigger: "click", prevcell: ".prev", nextcell: ".next", autopage:true, autoplay:true }); //第二通栏 滚动 $(".indboxslide").slide({ maincell:".bd dl", //titcell:".hd ul", titonclassname:"on",//当前状态 on进度条效果 cur选中效果 effect:"leftloop", //左循环滚动 fold:淡入淡出 toploop:上循环滚动; leftloop:左循环滚动; delaytime:800, //切换时间 intertime:3000, //切换间隔 trigger: "click", prevcell: ".prev", nextcell: ".next", //autopage:true, autoplay:true, vis:4 }); var ddn1 = $(".indc_dl dd").length; if(ddn1>3){ $(".indboxslide").hover(function(){ $(this).find(".prev").stop(true,true).animate({left:"10px"}); $(this).find(".next").stop(true,true).animate({right:"10px"}); },function(){ $(this).find(".prev").stop(true,true).animate({left:"-15px"}); $(this).find(".next").stop(true,true).animate({right:"-15px"}); }); } //产品列表 $(".prolistslide").slide({ maincell:".bd dl", //titcell:".hd ul", titonclassname:"on",//当前状态 on进度条效果 cur选中效果 effect:"leftloop", //左循环滚动 fold:淡入淡出 toploop:上循环滚动; leftloop:左循环滚动; delaytime:800, //切换时间 intertime:3000, //切换间隔 trigger: "click", prevcell: ".prev", nextcell: ".next", //autopage:true, autoplay:true, vis:5 }); var ddn2 = $(".prolist_dl dd").length; //alert(ddn2) if(ddn2>4){ $(".prolistslide .bt").css("display","block"); }; //产品详情 $(".productviewbox").slide({ maincell:".bd dl", titcell:".hd ul", titonclassname:"on",//当前状态 on进度条效果 cur选中效果 effect:"leftloop", //左循环滚动 fold:淡入淡出 toploop:上循环滚动; leftloop:左循环滚动; delaytime:800, //切换时间 intertime:3000, //切换间隔 trigger: "click", prevcell: ".prev", nextcell: ".next", autopage:true, autoplay:true, vis:2 }); var prov_dd = $(".proview_dl dd").length; if(prov_dd>1){ $(".productviewbox .hd").css("display","block"); } //alert(11111) //图文列表 $(".listslide").slide({ maincell:".bd dl", titcell:".hd ul", titonclassname:"on",//当前状态 on进度条效果 cur选中效果 effect:"leftloop", //左循环滚动 fold:淡入淡出 toploop:上循环滚动; leftloop:左循环滚动; delaytime:800, //切换时间 intertime:3000, //切换间隔 trigger: "click", prevcell: ".prev", nextcell: ".next", autopage:true, autoplay:true, startfun:function(i){ var tit = $(".listslide_dl dd").eq(i+1).find("a").attr("title"); var href = $(".listslide_dl dd").eq(i+1).find("a").attr("href"); $(".listhotname a").text(tit).attr("href",href); } }); //大事件 $(".bigthingsslide").slide({ maincell:".bd dl", //titcell:".hd ul", titonclassname:"on",//当前状态 on进度条效果 cur选中效果 effect:"left", //左循环滚动 fold:淡入淡出 toploop:上循环滚动; leftloop:左循环滚动; delaytime:800, //切换时间 intertime:3000, //切换间隔 trigger: "click", prevcell: ".prev", nextcell: ".next", //autopage:true, //autoplay:true, vis:3, pnloop:false }); $(".articletab tr:even").addclass("trbg1") $(".viewbt").click(function(){ $(this).css("display","none") $(".viewbox").css("display","block") }) }); $(window).resize(function(){ //窗口改变 });