高級菜單是使用jquery實現的彈出層菜單，可以有三級菜單項。效果網址：http:///keleyi/phtml/supermenu/
或者將下面的完整代碼保存到html文件，打開查看效果。
本實例使用了jQuery的bind() 方法。bind() 方法為被選元素添加一個或多個事件處理程序，並規定事件發生時運行的函數。
語法
$(selector).bind(event,data,function)
event 必需。規定添加到元素的一個或多個事件。由空格分隔多個事件。必須是有效的事件。
data 可選。規定傳遞到函數的額外數據。
function 必需。規定當事件發生時運行的函數。
下面是完整的代碼：
<!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>
<title>高級彈出菜單（可以有三級菜單）</title>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery-1.8.3.min.js"></script>
<link type="text/css" href="http:///keleyi/phtml/supermenu/keleyimenu.css" rel="Stylesheet" />
</head>
<body>
<div><br /><br /><br /><br /><br /><br /><br /><br /> </div><div style="width:300px;float:left;height:100px;">高級彈出菜單</div>
<div id="menuframe" class="menuframe">
<div id="fathermenu" class="fathermenu">
<div id="menuitem1" class="menuitem" >
<a href="http:///menu/net/" target="_blank">一級菜單一</a>
</div>
<div id="menuitem2" class="menuitem">
<a href="http:///menu/jquery/" target="_blank">一級菜單二</a>
</div>
<div id="menuitem3" class="menuitem">
<a href="http:///menu/csharp/" target="_blank">一級菜單三</a>
</div>
</div>
<div id="submenuitem1" class="submenuitem">
<div class="stmenuframe"><div class="secondmenu"><a href="http:///menu/csharp/" target="_blank">二級菜單一組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///menu/csharp/" target="_blank">二級菜單一組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///menu/csharp/" target="_blank">二級菜單一組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///menu/csharp/" target="_blank">二級菜單一組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///" target="_blank">二級菜單一組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///" target="_blank">二級菜單一組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///" target="_blank">二級菜單一組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
</div>
<div id="submenuitem2" class="submenuitem">
<div class="stmenuframe"><div class="secondmenu"><a href="http:///" target="_blank">二級菜單二組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///" target="_blank">二級菜單二組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http:///menu/net/" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///" target="_blank">二級菜單二組</a></div><div class="thirdmenu"><ul><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./" target="_blank">二級菜單二組</a></div><div class="thirdmenu"><ul><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./" target="_blank">二級菜單二組</a></div><div class="thirdmenu"><ul><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./" target="_blank">二級菜單二組</a></div><div class="thirdmenu"><ul><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./soft/keleyiwatermark.rar" target="_blank">二級菜單二組</a></div><div class="thirdmenu"><ul><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
</div>
<div id="submenuitem3" class="submenuitem">
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./soft/keleyiwatermark.rar" target="_blank">二級菜單三組</a></div><div class="thirdmenu"><ul><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./soft/keleyiwatermark.rar" target="_blank">二級菜單三組</a></div><div class="thirdmenu"><ul><li><a href="http://keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./soft/keleyiwatermark.rar" target="_blank">二級菜單三組</a></div><div class="thirdmenu"><ul><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http://download./soft/keleyiwatermark.rar" target="_blank">二級菜單三組</a></div><div class="thirdmenu"><ul><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http://www.keleyi.cn" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///menu/javascript/" target="_blank">二級菜單三組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///menu/javascript/" target="_blank">二級菜單三組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/javascript/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
<div class="stmenuframe"><div class="secondmenu"><a href="http:///menu/javascript/" target="_blank">二級菜單三組</a></div><div class="thirdmenu"><ul><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li><li><a href="http:///menu/other/" target="_blank">三級菜單</a></li></ul></div>
<div class="clear0"></div>
</div>
</div>
</div>
<div style="clear:both;width:100%;">Jquery DIV切換（版本2）http:///keleyi/phtml/divqiehuan2.htm </div>
<script type="text/javascript" src="http:///keleyi/phtml/supermenu/keleyimenu.js"></script>
</body>
</html>