XP一样的菜单

<style>
.BorderOn {BORDER-RIGHT: #456789 1px solid; BORDER-TOP: #456789 1px solid; MARGIN-LEFT: 10px; BORDER-LEFT: #456789 1px solid; WIDTH: 90px; BORDER-BOTTOM: #456789 1px solid}
.BorderOff {BORDER-RIGHT: #444444 1px solid; BORDER-TOP: #444444 1px solid; MARGIN-LEFT: 0px; BORDER-LEFT: #444444 1px solid; WIDTH: 90px; BORDER-BOTTOM: #444444 1px solid}
A.mBlue:link {COLOR: #0000ff; TEXT-DECORATION: none}
A.mBlue:visited {COLOR: #0000ff; TEXT-DECORATION: none}
A.mBlue:active {COLOR: #ff0000; TEXT-DECORATION: none}
A.mBlue:hover {COLOR: #ff0000; TEXT-DECORATION: underline}
td {  font-size: 9pt; font-family: "宋体"}
</style> <body>
<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 cellSpacing="0" cellPadding="0" width="200">
<TBODY>
<tr>
<td align="middle"><table class="BorderOff" cellSpacing="0" cellPadding="3" bgColor="#FFCC66">
<TBODY>
<tr>
   <td><p align="center">导航菜单</td>
</tr>
</TBODY>
</table> <table class="BorderOff" onmouseover="boxOn(this,'为你提供最酷的主页特效！')" onmouseout="boxOff(this)" cellSpacing="0" cellPadding="3">
<TBODY>
<tr>
  <td bgcolor="#CACAFF" align="center"><a class="mBlue" href="http://" target="_blank">轻松网页特效</a></td>
</tr>
</TBODY>
</table>
<table class="BorderOff" onmouseover="boxOn(this,'提供最新、最全的网址！')" onmouseout="boxOff(this)" cellSpacing="0" cellPadding="3">
<TBODY>
<tr>
  <td bgcolor="#CACAFF" align="center"><a class="mBlue" href="http://wd365.nease.net" target="_blank">百度搜索</a></td>
</tr>
</TBODY>
</table>
<table class="BorderOff" onmouseover="boxOn(this,'我喜欢看它的新闻！')" onmouseout="boxOff(this)" cellSpacing="0" cellPadding="3">
<TBODY>
<tr>
  <td bgcolor="#CACAFF" align="center"><a class="mBlue" href="http://wd365.nease.net" target="_blank">新浪网站</a></td>
</tr>
</TBODY>
</table>
<table class="BorderOff" onmouseover="boxOn(this,'要下载软件就到这里找。')" onmouseout="boxOff(this)" cellSpacing="0" cellPadding="3">
<TBODY>
<tr>
  <td bgcolor="#CACAFF" align="center"><a class="mBlue" href="http://wd365.nease.net" target="_blank">华军软件园</a></td>
</tr>
</TBODY>
</table>
<table class="BorderOff" onmouseover="boxOn(this,'三大门户网站之一呀！')" onmouseout="boxOff(this)" cellSpacing="0" cellPadding="3">
<TBODY>
<tr>
  <td bgcolor="#CACAFF" align="center"><a class="mBlue" href="http://www.netease.com" target="_blank">网易</a></td>
</tr>
</TBODY>
</table> <table cellSpacing="0" cellPadding="1" width="90" bgColor="#444444">
<TBODY>
<tr>
<td>
<table height="70" cellSpacing="0" cellPadding="2" width="100%" bgColor="#FFCC66">
<TBODY>
<tr>
<td vAlign="top" align="left" bgcolor="#FFCC66"><font id="Message">移动鼠标到上面的菜单可以看到它的详细介绍。</font></td>
</tr>
</TBODY>
</table>
</td>
</tr>
</TBODY>
</table>
</body>

♡ 点赞 0

☆ 收藏 0

留言区（共0条）