页面源代码:
<!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 阅读(1141)
评论(0) 编辑 收藏 所属分类:
ajax