下拉菜单
<html>
<head>
<title>下拉式导航菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000" background="../image/bj.jpg">
<script>
function hideAll() {
for(i=0;i<odiv.length;i++) {
odiv[i].style.display="none";
}
}
function showObj(num) {
if (odiv[num].style.display=="none") {
hideAll();
odiv[num].style.display="inline";
}
else {
odiv[num].style.display="none";
}
}
</script>
<table width="500" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#CCFFFF">
<tr>
<td><table width="200">
<tr >
<td> <a href="#" onclick="showObj(0)">+ 菜单一</a><br>
<div id="odiv" style="display:none">
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#993333" bgcolor="#9966CC">
<tr>
<td><div align="center"><span class="style1">sdf</span></div></td>
</tr>
<tr>
<td bgcolor="#E7DBF2">sdf</td>
</tr>
<tr>
<td bgcolor="#E7DBF2">sdf</td>
</tr>
<tr>
<td bgcolor="#E7DBF2">sdf</td>
</tr>
<tr>
<td bgcolor="#E7DBF2">sdf</td>
</tr>
</table>
</div></td>
</tr>
<tr >
<td> <a href="#" onclick="showObj(1)">+ 菜单二</a><br>
<div id="odiv" style="display:none"><table width="160" border="0" align="center" cellpadding="0" cellspacing="0" class="blue">
<tr>
<td height="22" style="border-bottom:1px solid #ebebeb "> <img src="images/dot1.gif" width="2" height="4"> 通讯器材</td>
</tr>
<!-- start loop ty tr (firstclass)------------------------------------------------------>
<tr>
<td height="22" style="border-bottom:1px solid #ebebeb "> <img src="images/dot1.gif" width="2" height="4"> <a href="shop_more.asp?id=6" target="_parent" class="bluelink">手机</a></td>
</tr>
<tr>
<td height="22" style="border-bottom:1px solid #ebebeb "> <img src="images/dot1.gif" width="2" height="4"> <a href="shop_more.asp?id=10" target="_parent" class="bluelink">对讲机</a></td>
</tr>
<tr>
<td height="22" style="border-bottom:1px solid #ebebeb "> <img src="images/dot1.gif" width="2" height="4"> <a href="shop_more.asp?id=11" target="_parent" class="bluelink">小灵通</a></td>
</tr>
<tr>
<td height="22" style="border-bottom:1px solid #ebebeb "> <img src="images/dot1.gif" width="2" height="4"> <a href="shop_more.asp?id=14" target="_parent" class="bluelink">手机附件</a></td>
</tr>
<tr>
<td height="22" style="border-bottom:1px solid #ebebeb "> <img src="images/dot1.gif" width="2" height="4"> <a href="shop_more.asp?id=16" target="_parent" class="bluelink">电话机</a></td>
</tr>
<!-- start loop ty tr (firstclass)------------------------------------------------------>
</table></div></td>
</tr>
<tr >
<td> <a href="#" onclick="showObj(2)">+ 菜单三</a><br>
<div id="odiv" style="display:none">l111<br>
l112<br>
l113</div></td>
</tr>
</table></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>