menu.html

来自「使用ajax开发解析xml文件」· HTML 代码 · 共 53 行

HTML
53
字号
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link href="images/css.css" type="text/css" rel="stylesheet">
</head>
<script language="javascript" type="text/javascript">
	// 创建级联菜单函数
	function showSubMenu(obj) {
		var currentSort =document.getElementById(obj); 
		currentSort.parentNode.style.display = "";
	    var subMenu;
	    if (currentSort.id=="IBM"){
	     	subMenu = "&nbsp;&nbsp;IBM-T43";
	     }
	     else if (currentSort.id=="SONY"){
	     	subMenu = "&nbsp;&nbsp;SONY-888";
	    } 
		currentSort.innerHTML = subMenu;
	}

</script>

<table style="BORDER-COLLAPSE: collapse" bordercolor="#111111" cellspacing="0" cellpadding="0" width="200" bgcolor="#f5efe7" border="0">
	<tr>
		<td align="middle" height="4">
			<img height="4" src="images/promo_list_top.gif" width="100%" border="0" alt="">
		</td>
	</tr>
	<tr>
		<td align="middle" bgcolor="#dbc2b0" height="19">
			<b>笔记本品牌</b>
		</td>
	</tr>
	<tr>
		<td height="20">
			<a onclick="showSubMenu('IBM')">IBM</a>
		</td>
	</tr>
	<tr style="display:none">
		<td height="20" id="IBM">
		</td>
	</tr>
	<tr>
		<td height="20">
			<a onclick="showSubMenu('SONY')">SONY</a>
		</td>
	</tr>
	<tr style="display:none ">
		<td id="SONY" height="20">
		</td>
	</tr>
</table>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?