<style type="text/css">
<!--
#header {
height: 100%;
width: 400px;
margin: 0px;
padding: 0px;
border: 1px solid #dddddd;
font-family: "宋体";
font-size: 12px;
}
#menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
display: block;
height: 26px;
width: 50px;
text-align: center;
line-height:25px;
float: left;
margin: 0px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: #FFFF00;background-image: url(imger/067.gif);}
.sec2 { background-color: #ff0000;background-image: url(imger/066.gif);}
.block { display: block;}
.unblock { display: none;}
-->
</style>
<script language=javascript>
function secBoard(n)
{
for(i=0;i<menu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;i<main.childNodes.length;i++)
main.childNodes[i].style.display="none";
main.childNodes[n].style.display="block";
}
</script>
<div id="header">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="26" valign="bottom" background="imger/020.gif">
<div id="menu">
<li onMouseOver="secBoard(0)" class="sec1"><font color="#666666">111111</font></li>
<li onMouseOver="secBoard(1)" class="sec2"><font color="#666666">222222</font></li>
<li onMouseOver="secBoard(2)" class="sec2"><font color="#666666">333333</font></li>
<li onMouseOver="secBoard(3)" class="sec2"><font color="#666666">444444</font></li>
<li onMouseOver="secBoard(4)" class="sec2"><font color="#666666">555555</font></li>
</div></td>
</tr>
</table>
<!--内容显示区域-->
<div id="main">
<div class="block">1</div>
<div class="unblock">2</div>
<div class="unblock">3</div>
<div class="unblock">4</div>
<div class="unblock">5</div>
</div>
<!--内容显示区域-->
</div>
<!--
#header {
height: 100%;
width: 400px;
margin: 0px;
padding: 0px;
border: 1px solid #dddddd;
font-family: "宋体";
font-size: 12px;
}
#menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
display: block;
height: 26px;
width: 50px;
text-align: center;
line-height:25px;
float: left;
margin: 0px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: #FFFF00;background-image: url(imger/067.gif);}
.sec2 { background-color: #ff0000;background-image: url(imger/066.gif);}
.block { display: block;}
.unblock { display: none;}
-->
</style>
<script language=javascript>
function secBoard(n)
{
for(i=0;i<menu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;i<main.childNodes.length;i++)
main.childNodes[i].style.display="none";
main.childNodes[n].style.display="block";
}
</script>
<div id="header">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="26" valign="bottom" background="imger/020.gif">
<div id="menu">
<li onMouseOver="secBoard(0)" class="sec1"><font color="#666666">111111</font></li>
<li onMouseOver="secBoard(1)" class="sec2"><font color="#666666">222222</font></li>
<li onMouseOver="secBoard(2)" class="sec2"><font color="#666666">333333</font></li>
<li onMouseOver="secBoard(3)" class="sec2"><font color="#666666">444444</font></li>
<li onMouseOver="secBoard(4)" class="sec2"><font color="#666666">555555</font></li>
</div></td>
</tr>
</table>
<!--内容显示区域-->
<div id="main">
<div class="block">1</div>
<div class="unblock">2</div>
<div class="unblock">3</div>
<div class="unblock">4</div>
<div class="unblock">5</div>
</div>
<!--内容显示区域-->
</div>
相关链接:通用滑动门代码
用户登陆
日志分类
精华日志
最新日志
最新评论
站点统计
站点日历
日志搜索
通用滑动门代码 [ 日期:2008-09-02 ] [ 来自: