!DOCTYPEhtmlPUBLIC-W3CDTDXHTML1.0.docVIP

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titleCSS+JS打造的自适应宽度的滑动门和选项卡/title style type=text/css html{filter:expression(document.execCommand(BackgroundImageCache, false, true))} body{text-align:center;font:12px Verdana,sans-serif;margin:5px 0} ul,ol,li{margin:0;padding:0;border:0;list-style-type:none} input,select{font-size:12px} a{color:#010101;text-decoration:none;outline:none} a:hover{text-decoration:underline} .Tab{height:100%;text-align:left} .Tab .title,.Tab .title div,.Tab .title .n1,.Tab .title .n1 span,.Tab .title .n2,.Tab .title .n2 span{background:url(/bbs/images/tab_bg.gif) no-repeat left top} .Tab .title{height:30px;padding-left:10px} .Tab .title div{background-position:right top;display:block;height:100%} .Tab .title .n1,.Tab .title .n2{background-position:left bottom;height:26px;line-height:26px; display:block;float:left;text-align:center;padding-left:12px;margin-top:4px;margin-left:1px;color:#333; text-decoration:none} .Tab .title .n1 span,.Tab .title .n2 span{background-position:right bottom;display:block;padding-right:12px} .Tab .title .n2{background-position:left -30px} .Tab .title .n2 span{background-position:right -30px} .tabcon ul{margin:5px auto;padding:0} .tabcon ul li{height:24px;line-height:24px;padding-left:16px;overflow:hidden;display:block} /style script type=text/javascript function $(obj){return document.getElementById(obj)} function Tab(Xname,Cname,Lenght,j){for(i=1;iLenght;i++){eval($(+Xname+i+).className=n2);}eval($(+Xname+j+).className=n1);for(i=1;iLenght;i++){eval($(+Cname+i+).style.display=none);eval($(+Cname+j+).style.display=block);}} /script /head body div style=width:500px;margin:0 auto ponmouseover事件/p div class=Tab div class=title a href=# id=a1 class=n1 onmouseover=Tab(a,ax,6,1)spanASP/span/a a href=# id=a2 class=n2 onmouseover=Tab(a,ax,6,2)spanPHP/span/a a href=# id=a3 clas