欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery多級(jí)彈出菜單插件ZoneMenu

 更新時(shí)間：2014年12月18日 14:56:21   投稿：hebedich  
這篇文章主要介紹了jQuery多級(jí)彈出菜單插件ZoneMenu的使用方法，有需要的小伙伴可以參考下

ZoneMenu是一個(gè)菜單jQuery插件，只需占用頁(yè)面上的一個(gè)小區(qū)域，卻可以實(shí)現(xiàn)多級(jí)菜單。

完整HTML文件代碼：

復(fù)制代碼 代碼如下:

<!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=">
<link href=" <script type="text/javascript" src=">
</head>
<body>
<div style="width: 200px; margin: 10px auto;">
<h2>
ZoneMenu Demo</h2>
</div>
<div style="width: 800px; margin: 0px auto;">
<div id="zonemenu" class="zonemenu" style="float: left">
<span class="zonemenutitle"><a href=">
</span>
<div id="zonebody">
<ul>
<li><strong><a href=" Home</a></strong></li>
<li><a href=">
<ul>
<li><a href=">
<li><a href=">
<li><a href=">
<li><a href=" book</a></li>
<li><a href=" JavaScript</a></li>
</ul>
</li>
<li><a href=" Web Game</a>
<ul>
<li><a href=" <li><a href=" <li><a href=" <li><a href=" <li><a href=" <li><a href=" <li><a href=" <li><a href=" Sweeper</a></li>
<li><a href=" Number</a> </li>
<li><a href=" <li><a href=" <li><a href=" <li><a href=" </ul>
</li>
<li><a href=" Conent</a>
<ul>
<li><a href=">
<ul>
<li><a href="加密</a></li>
<li><a href="編碼與解碼</a></li>
<li><a href="編碼與解碼</a></li>
<li><a href="正則表達(dá)式匹配工具</a></li>
<li><a href="正則</a></li>
<li><a href="字符列表</a></li>
<li><a href=" </ul>
</li>
<li><a href=" Menu</a></li>
<li><a href=">
<li><a href=" Halloween!</a></li>
<li><a href=" Birthday!</a></li>
<li><a href=" Christmas!</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div style="float: right; border: 1px solid #999; font-size: 20px; height: 40px;
line-height: 40px; width: 590px">
Welcome to ZoneMenu Home! ZoneMenu is a jQuery plugin.</div>
</div>
<script type="text/javascript">
$("#zonemenu").zonemenu();
</script>
</body>
</html>

代碼很簡(jiǎn)單，這里就不詳細(xì)說明了，小伙伴們自己看吧

相關(guān)文章

最新評(píng)論