//自动排版----------------------------------------------------------------------------------------------------- $(function(){ zblheight(); zblgrid(); zblgridpubu(); zblgridfull(); zbltab1(); zbltab3(); }) $(window).resize(function(){ zblheight(); zblgrid(); zblgridpubu(); zblgridfull(); zbltab1(); zbltab3(); }) function zblheight(){ $(".zbl-height").each(function(){ var zblheight=$(this); var zblbody=parsefloat($(window).width()); var zblh=zblheight.attr("zbl-height"); var zblminheight=zblheight.attr("zbl-minheight"); var zbla=parsefloat(zblh)/1920; var zblb=zbla*zblbody; var zblc=math.ceil(zblb); var zbld=zblh/2; if(zblminheight==undefined){var zblminheight=zbld;} var zble=parsefloat(zblminheight); zblheight.css("height",zblc); if(zblbody>640){ if(zbld>zble){ zblheight.css("minheight",zbld); }else{ zblheight.css("minheight",zble); } }else{ zblheight.css("minheight",zble); } }) } function zblgrid(){ $(".zbl-grid").each(function(){ //定义 var zblgrid=$(this);//整体 var zbllump=zblgrid.children(".zbl-lump");//单个块 var zblbody=zblgrid.attr("zbl-body");//父级最大宽度参考值 var zblsize=zblgrid.attr("zbl-size");//初始块数 var zblsizew=zblgrid.attr("zbl-size-w");//初始块数 var zblsizeh=zblgrid.attr("zbl-size-h");//初始块数 var zblmin=zblgrid.attr("zbl-min");//最小宽高 var zblminw=zblgrid.attr("zbl-min-w");//最小宽高 var zblmg=zblgrid.attr("zbl-mg");//间距 var zblmgw=zblgrid.attr("zbl-mg-w");//横向间距 var zblmgh=zblgrid.attr("zbl-mg-h");//竖向间距 var zblmode=zblgrid.attr("zbl-mode");//排版模式 var zbllumpsize=zbllump.size();//总块数 //默认 if(zbllumpsize==0){return false;}//没内容返回 if(zblbody==undefined){var zblbody=1200}//默认父级最大宽度参考值 if(zblsize==undefined){var zblsize=3;}//默认初始行块数 if(zblsizew==undefined){var zblsizew=zblsize;}//默认初始行块数 if(zblmin==undefined){var zblmin=150;}//默认最小宽高 if(zblminw==undefined){var zblminw=zblmin;}//默认最小宽高 if(zblmg==undefined){var zblmg=25;};//默认间距 if(zblmgw==undefined){var zblmgw=zblmg;}//默认间距 if(zblmgh==undefined){var zblmgh=zblmg;}//默认间距 if(zblmode==undefined){var zblmode=1;}//默认排版模式 //计算 var windoww=$(window).width();//窗口宽度 var zblgridw=zblgrid.width();//整体宽度 var aw=zblmgw/zblbody*100;//横向间距百分比 var ah=zblmgh/zblbody*100;//竖向间距百分比 var bw=(100-aw*(zblsizew-1))/zblsizew;//块宽度百分比 var cw=bw/100*zblgridw;//每一块的宽度px var dw=aw/100*zblgridw;//横向间距px var dh=ah/100*zblgridw;//竖向间距px var max = 0; function gridw(aw,bw,cw,zblminw,zblsizew){ if(cw>zblminw){ if(zblmode=="1"){ for(i=0;izblminw){ for(i=0;izblminw){ zbllump.css("width",bw+"%"); for(i=0;izblminh){ zbllump.css("height",bh+"%"); var n=math.round((zblgrid.width()-dw)/(zbllump.width()+dw)); for(i=0;i"); libox.eq(ind-1).addclass("cur").siblings().removeclass("cur"); libox.on(sj,function(){ $(this).addclass("cur").siblings().removeclass("cur") var a=$(this).index(); var b=box.find(".s-box").eq(0).offset().top; var c=box.find(".s-box").eq(a).offset().top; var d=b-c; box.stop().animate({margintop:d},500) }) }) }); //选项卡切换3---------------------------------------------------------------------------------------------------- function zbltab3(){ $('.zbl-tab-3').each(function(){ var zbltab=$(this); var navbox=zbltab.find(".nav-box"); var libox=zbltab.find(".li-box"); var bbox=zbltab.find(".b-box"); var sbox=zbltab.find(".s-box"); var zblevent=zbltab.attr("zbl-event"); var zbldeviation=$(".header").outerheight(); if(zblevent==undefined){zblevent="click"} libox.on(zblevent,function(){ var a=$(this).index(); var b=sbox.eq(a).offset().top; var e=navbox.outerheight(); var c=b-zbldeviation-e; $("body,html").stop().animate({scrolltop:c},300); $(this).addclass("cur").siblings().removeclass("cur"); }) $(document).scroll(function(){ var a=zbltab.offset().top-zbldeviation; var b=$(document).scrolltop(); var c=b-a; var d=zbltab.outerheight(); var e=navbox.outerheight(); var f=a+d-e; var g=d-e; if(b>a){ navbox.addclass("cur").css("top",zbldeviation); }else{ navbox.removeclass("cur"); } for(i=0;ih){ libox.eq(i).addclass("cur").siblings().removeclass("cur"); } } }); }) } $(function(){ $('.zbl-lunbo').each(function(){ var bbox=$(this); var gs=$(this).find('li').size(); var arr = []; bbox.find('li').addclass('li-0'); for(i=0;i