頁(yè)面源代碼:
<!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>
在該頁(yè)面中,當(dāng)用戶單擊主菜單中的選項(xiàng)時(shí),將調(diào)用showSubMenu("XXX")函數(shù),
在該函數(shù)中將首先獲取所選擇的項(xiàng)的標(biāo)志信息,然后依據(jù)取到的信息進(jìn)行邏輯
判斷,構(gòu)造子菜單對(duì)應(yīng)的信息,最終使用innerHTML屬性顯示對(duì)應(yīng)的內(nèi)空.
posted on 2007-10-03 10:10
Ke 閱讀(1147)
評(píng)論(0) 編輯 收藏 所屬分類:
ajax