<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>二级菜单练习</title>
<style type="text/css">
@import url(css/tmp.css);
</style>
<script language="javascript" src="js/JQuery-1.4.4-debug.js"></script>
<script language="javascript" src="js/tmp.js"></script>
</head>
<body>
<div id="mainMenu">
<ul id="menuList">
<li class="menubar">
<a href="#" id="Actuator1" class="actuator" rel="1">我的小练习</a>
<ul id="Menu1" class="menu">
<li>
<a href="#" id="Actuator11" class="actuator">我的好友</a>
<ul id="Menu11" class="submenu">
<li><a href="###">张三</a></li>
<li><a href="###">李四</a></li>
<li><a href="###">张三</a></li>
<li><a href="###">李四</a></li>
</ul>
</li>
<li>
<a href="#" id="Actuator12" class="actuator">陌生人</a>
<ul id="Menu12" class="submenu">
<li><a href="###">张三</a></li>
<li><a href="###">李四</a></li>
<li><a href="###">张三</a></li>
<li><a href="###">李四</a></li>
</ul>
</li>
<li>
<a href="#" id="Actuator13" class="actuator">家人</a>
<ul id="Menu13" class="submenu">
<li><a href="###">张三</a></li>
<li><a href="###">李四</a></li>
<li><a href="###">张三</a></li>
<li><a href="###">李四</a></li>
</ul>
</li>
</ul>
</li>
<li class="menubar">
<a href="#" id="Actuator2" class="actuator" rel="2">我的小练习2</a>
<ul id="Menu2" class="menu">
<li>
<a href="#" id="Actuator21" class="actuator">我的好友2</a>
<ul id="Menu21" class="submenu">
<li><a href="###">张三2</a></li>
<li><a href="###">李四2</a></li>
<li><a href="###">张三2</a></li>
<li><a href="###">李四2</a></li>
</ul>
</li>
<li>
<a href="#" id="Actuator22" class="actuator">陌生人2</a>
<ul id="Menu22" class="submenu">
<li><a href="###">张三2</a></li>
<li><a href="###">李四2</a></li>
<li><a href="###">张三2</a></li>
<li><a href="###">李四2</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</body>
</HTML>
