来自网易126邮箱精美滑动门
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>来自网易126邮箱精美滑动门_网页代码站(www.webdm.cn)</title>
<style>
body,div,img,a,b,p,form,table,tr,td{text-align: center; margin: 0px;padding: 0px;list-style-type:none;font-size:12px;color:#0c0c0b; line-height:180%}
body{background:url(http://www.webdm.cn/images/20090910/line_d.gif) bottom repeat-x; background-color:#FFFFFF}
a{text-decoration:none;}
a:hover{text-decoration:underline; color:#0f9327}
.a1{text-decoration:underline; color:#b7f124}
.a1:hover{text-decoration:underline; color:#f8efae}
.f1{font-size:14px;}
.c1{color:#ff7200}
.c2{color:#FFFFFF}
.c3{color:#f8efae}
.c4{color:#32633b}
.c4{ color:#0F9327}
.ent_l{width:190px; height:325px; background:url(http://www.webdm.cn/images/20090910/tu_l.gif) no-repeat; float:left;}
.ent_c{width:342px; height:325px; background-color:#FFFFFF; float:left; overflow:hidden}
.bq{width:342px; height:71px; background:url(http://www.webdm.cn/images/20090910/bq_d.gif) no-repeat;}
.bq ul{padding:0px; margin:0px; list-style-type:none;}
.bq li{width:88px; height:23px; background:url(http://www.webdm.cn/images/20090910/bq_2.gif) 0px 1px no-repeat; padding-top:3px; margin-top:43px; text-align:center; float:left; cursor:pointer;}
.bq li a{font-size:12px; font-weight:bold; color:#59814c;}
.bq li a:hover{text-decoration:none;}
.bq li.on{background:url(http://www.webdm.cn/images/20090910/bq_1.gif) no-repeat top; color:#fff;}
.bq li.on a{color:#fff;}
.bq_d{width:100%; height:253px; background:url(http://www.webdm.cn/images/20090910/line_2.gif) right repeat-y; border-bottom:#0f9327 1px solid; text-align:left}
.bq_n{width:80%; padding-top:15px; text-align:center; margin-left:30px}
.bq_d .c4{ text-align:left}
.clear{ clear:both; font-size:0; height:0}
</style>
<script language="JavaScript">
<!--
var nTime = 3;
var nFocus= 0;
var bFlag = false;
var aLiTab , aDivTab;
/*切换
function fAutoSwitch(){
var n = nFocus + 1;
if(n >=3){
n = 0;
}
if(!bFlag){
aLiTab[n].onmouseover();
bFlag = false;
}
}
*/window.onload = function(){
var $ = function($){
return document.getElementById($);
};
aLiTab = $("oUlTab").getElementsByTagName("li");
aDivTab = [$("oDivTab1") , $("oDivTab2") , $("oDivTab3")];
for(var i=0;i<aLiTab.length;i++){
(function(i){
var t = aLiTab[i];
t.onmouseover = function(){
if(nFocus != i){
aLiTab[nFocus].className = "";
aDivTab[nFocus].style.display = "none";
nFocus = i;
aLiTab[nFocus].className = "on";
aDivTab[nFocus].style.display = "";
}
bFlag = true;
};
t.onmouseout = function(){
bFlag = false;
};
})(i);
}
};
//-->
</script>
</head>
<body>
<div class="ent_c">
<div class="bq">
<ul id="oUlTab"><li class="on" ><a href="http://www.webdm.cn">网页代码站</a></li>
<li ><a href="#">超快速度</a></li>
<li ><a href="#">网页特效</a></li>
</ul>
</div>
<!---多窗口操作--->
<div class="bq_d" id="oDivTab1">
<div class="bq_n"><img src="http://mimg.163.com/hd/126/070521_126xy3.0/img/dbq.gif" /><br /><div class="c4"><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！br />
</div>
</div>
</div>
<div class="bq_d" id="oDivTab2" style="display:none">
<div class="bq_n">
<img src="http://mimg.163.com/hd/126/070521_126xy3.0/img/cksd.gif" /><br /><div class="c4"> 这里放上说明文字吧！<br />
</div></div></div>
<div class="bq_d" id="oDivTab3" style="display:none">
<div class="bq_n">
<img src="http://mimg.163.com/hd/126/070521_126xy3.0/img/zdbc.gif" /><br />
<div class="c4"> 超级漂亮哦，你可以把滑动门部分扒出来，其它的可以不要。<br />
</div>
</div>
</div>
</div>
</body>
</html>
<br>
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>
代码来自：http://www.webdm.cn/webcode/a5c167d5-2dbe-461c-b816-6c57499858fe.html
