亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery多級彈出菜單插件ZoneMenu

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

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

完整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="
正則表達式匹配工具</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>

代碼很簡單,這里就不詳細說明了,小伙伴們自己看吧

相關(guān)文章

最新評論