ZoneMenu是一个菜单jQuery插件，只需占用页面上的一个小区域，却可以实现多级菜单。
完整HTML文件代码：
复制代码 代码如下:
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ZoneMenu- jquery plugin</title>
<base target="_blank" />
<script type="text/javascript" src=""></script>
<link href="" type="text/css" />
<script type="text/javascript" src=""></script>
</head>
<body>
<div>
<h2>
ZoneMenu Demo</h2>
</div>
<div>
<div>
<span><a href="">ZoneMenu</a>
</span>
<div>
<ul>
<li><strong><a href="">xxx Home</a></strong></li>
<li><a href="">WebFront</a>
<ul>
<li><a href="">jQuery</a></li>
<li><a href=">
<li><a href="">HTML5</a></li>
<li><a href="">js book</a></li>
<li><a href=" JavaScript</a></li>
</ul>
</li>
<li><a href="">Online Web Game</a>
<ul>
<li><a href="">捕鱼</a> </li>
<li><a href="">不上不下</a> </li>
<li><a href="">美女拼图</a> </li>
<li><a href="">赛龙舟</a> </li>
<li><a href="">俄罗斯方块</a> </li>
<li><a href="">浏览器射击</a> </li>
<li><a href="">扫雷(容易版)</a></li>
<li><a href="">Mine Sweeper</a></li>
<li><a href="">Guess Number</a> </li>
<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="">More Conent</a>
<ul>
<li><a href="">Tools</a>
<ul>
<li><a href="">MD5加密</a></li>
<li><a href="">HTML编码与解码</a></li>
<li><a href="">URL编码与解码</a></li>
<li><a href="">.NET正则表达式匹配工具</a></li>
<li><a href="">JS正则</a></li>
<li><a href="">Unicode字符列表</a></li>
<li><a href="" title="颜色选择器">颜色选择器</a></li>
</ul>
</li>
<li><a href="">xxx Menu</a></li>
<li><a href="">Myslider</a></li>
<li><a href="">Happy Halloween!</a></li>
<li><a href="">Happy Birthday!</a></li>
<li><a href="">Happy Christmas!</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div>
Welcome to ZoneMenu Home! ZoneMenu is a jQuery plugin.</div>
</div>
<script type="text/javascript">
$("#zonemenu").zonemenu();
</script>
</body>
</html>
代码很简单，这里就不详细说明了，小伙伴们自己看吧
您可能感兴趣的文章: