頁面源代碼:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function showSubMenu(obj)
{
var currentSort = document.getElementById(obj) ;
currentSort.parentNode.style.display = "" ;
var subMenu ;
if(currentSort.id = "IBM" )
{
subMenu = " IBM-T43" ;
}
else if (currentSort.id = "SONY" )
{
subMenu = " SONY-888" ;
}
currentSort.innerHTML = subMenu ;
}
</script>
</head>
<body>
<table style="BORDER-COLLAPSE: collapse" bordercolor="#111111"
cellspacing="0" cellpadding="0" width="200" bgcolor="#f4efe7" >
<tr>
<td align="center" height="4">
<b>筆記本品牌</b>
</td>
</tr>
<tr>
<td>
<a href="#" onclick="showSubMenu('IBM')">IBM</a>
</td>
</tr>
<tr style="display:none">
<td id="IBM">
</td>
</tr>
<tr>
<td>
<a href="#" onclick="showSubMenu('SONY')">SONY</a>
</td>
</tr>
<tr style="display:none">
<td id="SONY">
</td>
</tr>
</table>
</body>
</html>
在該頁面中,當用戶單擊主菜單中的選項時,將調用showSubMenu("XXX")函數,
在該函數中將首先獲取所選擇的項的標志信息,然后依據取到的信息進行邏輯
判斷,構造子菜單對應的信息,最終使用innerHTML屬性顯示對應的內空.
posted on 2007-10-03 10:10
Ke 閱讀(1145)
評論(0) 編輯 收藏 所屬分類:
ajax