<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#body_biankang {
height: 200px;
width: 485px;
margin: 0px;
padding: 0px;
}
#menu_e {
margin: 0px;
padding: 0px;
list-style-type: none;
background-color:#F7F3F7;
width:485px;
}
#menu_e li {
display: block;
float: left;
margin: 0px;
cursor: hand;
padding-top:6px;
}
#main_e{
margin: 0px;
width:483px;
height:200px;
border:1px solid #CE3000;
}
.sec1 { background-color: #DED7C6; color:#CE3000; height:20px; width:120px; text-align:center;}
.sec2 { background-color: #CE3000; color:#fff; height:20px; width:100px; text-align:center;}
.sec3 { background:url(img/hd.jpg) 0 0 no-repeat; width:150px; height:25px; text-align:left; padding-left:17px; color:#FFFFFF; font-weight:bold; font-size:14px; }
.block { display: block;}
.unblock { display: none;}
-->
</style>
<script language="javascript">
function secBoard_e(n)
{
for(i=1;i<menu_e.childNodes.length;i++)
menu_e.childNodes[i].className="sec1";
menu_e.childNodes[n].className="sec2";
for(i=0;i<main_e.childNodes.length;i++)
main_e.childNodes[i].style.display="none";
main_e.childNodes[n].style.display="block";
}
</script>
</head>
<body>
<div id="body_biankang">
<ul id="menu_e">
<li class="sec3">行业动态</li>
<li onMouseOver="secBoard_e(1)" class="sec2">最新新闻</li>
<li onMouseOver="secBoard_e(2)" class="sec1">最新文章</li>
</ul>
<!--内容显示区域-->
<ul id="main_e">
<li class="unblock"></li>
<li class="block"><a href="<#ZC_BLOG_HOST#>?cat=2">站长特效网</a>站长sky温馨提示：这里时第1个内容</li>
<li class="unblock"><a href="<#ZC_BLOG_HOST#>">站长特效网</a>站长sky温馨提示：这里时第2个内容</li>
</ul>
<!--内容显示区域-->
</div>
</body>
</html>
610
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
