新写的一个CSS-Tabs
body{background:#FFF;margin:0px;padding:0px;font-size:14px;} div{padding:0px;width:50%;background:#000;float:right;height:100%} div ul{overflow:hidden;list-style:none;padding:4px 2px 0px 2px;margin:20px 20px 0px 20px;background:#aaa;height:29px;width:92%;*width:100%} div ul li{padding:5px 8px;background:#eee;float:left;margin-left:4px;margin-top:2px;color:#666} .cu{font-size:18px;background:#fff;color:#000;border:#ccc solid 2px;border-bottom:none;margin-top:-4px;*margin-top:-5px;height:21px;} #lo{z-index:100;background:#ff0;float:right;margin-top:-4px;margin-right:-2px;color:#f00;height:16px;padding:2px;} #lo span{color:#000;} #lo strong{text-decoration:underline;} iframe{padding:0px 2px;margin:0px 20px 20px 20px;background:#fff;border:none;width:92%;*width:100%;height:88%} table{width:48%;height:93%;*height:94%;background:#000;margin:2% 1%;padding:0px;border:none;} th,.ti{font-size:18px;background:#ccc;padding:4px 0px 0px 0px;height:22px;text-align:center;color:#000} td{color:#fff;font-size:14px;background:#666} td ul{margin-right:30px;list-style:none;margin-left:20px;padding:0px;} td li strong{padding:0px 0px 0px 20px;font-size:20px;}
var _class; function _Load(f){ _class=window.ActiveXObject?"className":"class"; window.onload=typeof window.onload != "function"?f:function(){f();} } function _G(o,t,p){ if(!p) p=document; switch(t){ case "name":return p.getElementsByName(o); case "tagname":return p.getElementsByTagName(o); default:return p.getElementById(o); } } function _L(){ var x=_G("li","tagname",_G("div","tagname")[0]); for(i=0;i<x .length;i++){ x[i].onmouseover=function(){ this.onclick=function(){ if(this.getAttribute("title")){ for(j=0;j<x.length;j++){x[j].setAttribute(_class,"no")} this.setAttribute(_class,"cu"); _G("lo").style.display="block"; _G("xto","name")[0].src=this.getAttribute("title"); _G("xto","name")[0].onload=function(){_G("lo").style.display="none";} } } if(_G("lo").style.display=="none"&&this.getAttribute(_class)!="cu"){ for(j=0;j<x.length;j++){x[j].setAttribute(_class,"no")} this.setAttribute(_class,"cu"); _G("lo").style.display="block"; _G("xto","name")[0].src=this.getAttribute("title"); _G("xto","name")[0].onload=function(){_G("lo").style.display="none";} } } } _G("span","tagname",_G("lo"))[0].onmouseover=function(){ this.onclick=function(){ _G("lo").style.display="none"; } } _G("lo").style.display="none"; } _Load(_L); //--> </x>
<div> <ul> <li id="lo">Loading...<span title="解除锁定">[<strong>x</strong>]</span></li> <li class="cu" title="#">空白页</li> <li title="http://www.wxcmnet.cn/">无限CMNET</li> <li title="http://www.miaoqiyuan.cn/">苗启源 Home</li> <li title="http://www.haoniux.cn/">好牛X</li> </ul> <iframe src="about:blank" name="xto"></iframe> </div>

