$(document).ready(function() { //调整top,middle,bottom高度 $().adaptive(); }); /** *tab *tab菜单 */ (function($){ $.fn.tab = function (tabs, cls, ctabs,cls2){ var ctab, msId; ctab = ctabs.split(','); //salert(ctab); //首先把所有的都隐藏除第一个内容 $.each(ctab, function(n, v){ if (n==0){ $('#pdv_'+v).show(); }else{ $('#pdv_'+v).hide(); } }); //显示第一个tab选种样式 $('#'+tabs+'>li').removeClass(cls); $('#'+tabs+'>li').addClass(cls2); $('#'+tabs+'>li').first().addClass(cls); $('#'+tabs+'>li').bind('mouseover', function(){ //改变tab选项卡 msId = this.id.substr(4); $('#'+tabs+'>li').removeClass(cls); $(this).addClass(cls); //切换内容 $.each(ctab, function(n, v){ if (v == msId){ $('#pdv_'+v).show(); }else{ $('#pdv_'+v).hide(); } }); }); } })(jQuery); (function($){ $.fn.tab2 = function (tabs, cls, ctabs){ var ctab, msId; ctab = ctabs.split(','); //首先把所有的都隐藏除第一个内容 $.each(ctab, function(n, v){ if (n==0){ $('#pdv_'+v).show(); }else{ $('#pdv_'+v).hide(); } }); //显示第一个tab选种样式 $('#'+tabs+'>li').first().css("margin-left",'0px'); $('#'+tabs+'>li').first().css("background",'url(/layout/themes/style/tabWidget/tabwidget_004/images/cp10.jpg)'); //$('#'+tabs+'>li').first().addClass(cls); $('#'+tabs+'>li').bind('mouseover', function(){ //改变tab选项卡 //alert(44); msId = this.id.substr(4); $('#'+tabs+'>li').css("background",'url(/layout/themes/style/tabWidget/tabwidget_004/images/cp11.jpg)'); $(this).css("background",'url(/layout/themes/style/tabWidget/tabwidget_004/images/cp10.jpg)'); //切换内容 $.each(ctab, function(n, v){ if (v == msId){ $('#pdv_'+v).show(); }else{ $('#pdv_'+v).hide(); } }); }); } })(jQuery); /** * adaptive * 自适应设置 */ (function($){ $.fn.adaptive = function(){ //计算三个容器的高度 var getObj = $('div.pdv_top'); var th=0,h=0; getObj.each(function(id) { var obj = this.id; h=$("#"+obj).parents()[0].offsetTop + $("#"+obj).parents()[0].offsetHeight; th = th>h?th:h; }); $("#top")[0].style.height = th + "px"; var getObj = $('div.pdv_middle'); var ch=0,h=0; getObj.each(function(id) { var obj = this.id; h=$("#"+obj).parents()[0].offsetTop + $("#"+obj).parents()[0].offsetHeight; ch = ch>h?ch:h; }); //alert(ch); $("#middle")[0].style.height = ch + "px"; }; })(jQuery);