网页层切换效果_TAB效果大全.doc

网页层切换效果_TAB效果大全*margin:0;padding:0;bodymargin:50px;font-size:12px;color:#666;lilist-style:none;divwidth:210px;.tab1 ,.tab2width:398px;height:34px;border:1px #cfedff solid;border-bottom:0;background:url(/jzxy/UploadFiles_333/201008/20100817155557621.gif) repeat-x;.tab1 ul ,.tab2 ulmargin:0;padding:0;.tab1 li,.tab2 lifloat:left;padding:0 30px;height:34px;line-height:34px;text-align:center;border-right:1px #ebf7ff solid;cursor:pointer;.tab1 li.now,.tab2 li.nowcolor:#5299c4;background:#fff;font-weight:bold;.tablistwidth:378px;height:100px;padding:10px;font-size:14px;line-height:24px;border:1px #cfedff solid;border-top:0;display:none;.blockdisplay:block;.redcolor:#BD0A01;fieldsetwidth:378px;border:1px #B0C0D1 solid;padding:10px;legendbackground:#B0C0D1;padding:4px 10px;color:#fff;#cmargin-top:10px;.c1,.c2width:378px;line-height:20px;.c1color:#014CC9;.c2color:#7E6095;display:none;h3font-size:16px;padding:5px 0;function tab(o, s, cb, ev) /tab切换类var $ = function(o)return document.getElementByIdx_x(o);var css = o.split(s|_);if(css.length!=4)return;this.event = ev | onclick;o = $(o);if(o)this.ITEM = ;o.id = css0;var item = o.getElementsByTagName_r(css1);var j=1;for(var i=0;i=0 | itemi.className.indexOf(css3)=0)if(itemi.className = css2)ocur = itemi;itemi.callBack = cb|function();itemicss = css;itemilink = o;this.ITEMj = itemi;itemiIndex = j+;itemithis.event = this.ACTIVE;return o;totype = ACTIVE:function()var $ = function(o)return document.getElementByIdx_x(o);thislinkcur.className = thiscss3;this.className = thiscss2;try$(thislinkid+_+thislinkcurIndex).style.display = none;$(thislinkid+_+thisIndex).style.display = block;catch(e)this.callBack.call(this);thislinkcur = this;鼠标移动切换标签的例子儒家法家墨家道家儒家，代表人物为孔丘、孟轲，代表作春秋、论语、孟子。 法家，代表人物韩非、李斯、管仲、商鞅，代表作韩非子、管子。 墨家，代表人物墨翟，代表作墨子。 道家，代表人物李耳、庄周，代表作老子、庄子。 单击时切换标签的例子阴阳家杂家兵家纵横家阴阳家，代表人物邹衍，代表作邹子。杂家，代表人物吕不韦，代表作吕氏春秋。兵家，代表人物孙武、孙膑，代表作孙子、孙膑兵法。纵横家，代表人物苏秦、张仪，代表作战国纵横家书。单击时触发函数的例子阴阳家杂家兵家纵横家阴阳家，代表人物邹衍，代表作邹子。杂家，代表人物吕不韦，代表作吕氏春秋。兵家，代表人物孙武、孙膑，代表作孙子、孙膑兵法。纵横家，代表人物苏秦、张仪，代表作战国纵横家书。Im Radio请选择您要学习的内容：XML教程浏览器脚本XMLDTDXML DOMXSLXSLTXSL-FOXPathXQueryXLink XPointerJavaScriptHTML DOMDHTMLVBScriptAJAXE4XWMLScriptwindow.onload = function()new tab(test1_li_now_, _, null, onmouseover);new tab(test2_li_no