cd-5  漂亮的导航菜单条：

<style>
.BorderOn { width:90px;
margin-left:10px;
border:1px solid #456789 }
.BorderOff { width:90px;
margin-left:0px;
border:1px solid #444444 }
A.mBlue:link {color:#00CCFF; text-decoration:none;}
A.mBlue:visited {color:#00CCFF; text-decoration:none;}
A.mBlue:active {color:#00CCFF; text-decoration:none;}
A.mBlue:hover {color:#FF0000; text-decoration:underline;}
A.mGreen:link {color:#00FF80; text-decoration:none;}
A.mGreen:visited {color:#00FF80; text-decoration:none;}
A.mGreen:active {color:#00FF80; text-decoration:none;}
A.mGreen:hover {color:#FF0000; text-decoration:underline;}
A.mYellow:link {color:#FFFF00; text-decoration:none;}
A.mYellow:visited {color:#FFFF00; text-decoration:none;}
A.mYellow:active {color:#FFFF00; text-decoration:none;}
A.mYellow:hover {color:#FF0000; text-decoration:underline;}
</style>
<script language="JavaScript1.2">
offMessage = "当当在线"
function boxOn(which,message) {
if (document.all||document.getElementById) {
which.className = 'BorderOn';
if (document.getElementById) {
document.getElementById("Message").innerHTML = message
}
else {
Message.innerHTML = message;
}
}
}
function boxOff(which) {
if (document.all||document.getElementById) {
which.className = 'BorderOff';
if (document.getElementById) {
document.getElementById("Message").innerHTML = offMessage
}
else {
Message.innerHTML = offMessage;
}
}
}
</script>
<table cellpadding="0" cellspacing="0" width="100"><tr><td align="center">
<table cellpadding="3" cellspacing="0" bgcolor="#FFCC66" class="BorderOff">
<tr><td><p align="center"><font color="#000000" size="2">导航菜单</font></p></td></tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'说明1')" onMouseout="boxOff(this)"><tr><td>
<a class="mBlue" href="http://地址1" target="_blank">
<font color="0000FF"size="2" face="宋体">链接文字1</font></a></td></tr></table>
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'说明2')" onMouseout="boxOff(this)"><tr><td>
<a class="mBlue" href="http://链接2" target="_blank">
<font color="0000FF"size="2" face="宋体">文字2</font></a></td></tr></table>

<table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90"><tr><td>
<table cellpadding="3" cellspacing="0" bgcolor="#FFCC66" width="88" height="100"><tr><td align="left" valign="top">
<font id="Message" size="2" color="#000000">移动鼠标至上面的选项来查看导航菜单的详细说明。</font>
</td></tr></table></td></tr></table></td></tr></table>