·博客指南 发表于 2006-6-23 10:31:00
//修改下面的样式表属性
<STYLE type=text/css>.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #FF99CC
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #FFE1F5
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #FFE1F5
}
</STYLE>
<!--JavaScript部分-->
<SCRIPT language=javascript>
function secBoard(n)
{
for(i=0;i<secTable.cells.length;i++)
secTable.cells[i].className="sec1";
secTable.cells[n].className="sec2";
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
</SCRIPT>
<!--HTML部分-->
<TABLE id=secTable cellSpacing=0 cellPadding=0 width=300 border=0 class="css3">
<TBODY>
<TR align=middle height=20>
<TD class=sec2 onclick=secBoard(0) width="10%">关于本站</TD>
<TD class=sec1 onclick=secBoard(1) width="10%">返回首页</TD>
<TD class=sec1 onclick=secBoard(2) width="10%">返回目录</TD>
<TD class=sec1 onclick=secBoard(3)
width="10%">赏心悦目</TD>
</TR></TBODY></TABLE>
<TABLE class=main_tab id=mainTable height=180 cellSpacing=0
cellPadding=0 width=300 border=0>
<!--关于TBODY标记-->
<TBODY style="DISPLAY: block">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=291 border=0>
<TBODY>
<TR>
<TD class="css3">中国青少年之家是个集学习、娱乐、生活、博客为一体的网站！<font size="2"><font color="#000000">。</font></font><BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
</TD></TR></TBODY><!--关于cells集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=291 border=0>
<TBODY>
<TR>
<TD class="css3">
<p>去博客首页看看更多博客。</p>
<p><a href="/blog/index.html>返回首页</a><BR>
<BR>
</p>
</TD>
</TR>
</TBODY>
</TABLE>
</TD></TR></TBODY><!--关于tBodies集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=291 border=0>
<TBODY>
<TR>
<TD class="css3">
<p>欢迎回到博客指南的主页</p>
<p><a href="/blog/user1/112/index.html>返回博客指南主页</a><BR>
<BR>
</p>
</TD>
</TR>
</TBODY>
</TABLE>
</TD></TR></TBODY><!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=middle><BR><BR>
<table cellspacing=0 cellpadding=0 width=291 border=0>
<tbody>
<tr>
<td class="css3">谢谢来到！</a><br>
<a href="/blog/user1/112/index.html>返回博客指南主页</a>
</td>
</tr>
</tbody>
</table>
</TD>
</TR></TBODY></TABLE>
效果预览：
//修改下面的样式表属性
中国青少年之家是个集学习、娱乐、生活、博客为一体的网站！。
|
|
|
|
|
·阅读全文 | 回复(129) | 引用通告 | 编辑
