多級彈出菜單jQuery插件ZoneMenu

昵稱10504424 2014-08-07

展開全文

<!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="http:///keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<link href="http:///jq/zonemenu/css/jquery.zonemenu.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http:///jq/zonemenu/js/jquery.zonemenu.js"></script>
</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="http:///jq/zonemenu/">ZoneMenu</a>
</span>
<div id="zonebody">
<ul>
<li><strong><a href="http:///">Keleyi Home</a></strong></li>
<li><a href="http:///menu/webqd/">WebFront</a>
<ul>
<li><a href="http:///menu/jquery/">jQuery</a></li>
<li><a href="http:///menu/javascript/">Javascript</a></li>
<li><a href="http:///menu/html5/">HTML5</a></li>
<li><a href="http:///xilie/klyjs/">js book</a></li>
<li><a href="http:///ziliao/googlejavascriptstyle.htm">Google JavaScript</a></li>
</ul>
</li>
<li><a href="http:///game/">Online Web Game</a>
<ul>
<li><a href="http:///game/1/">捕魚</a> </li>
<li><a href="http:///game/2/">不上不下</a> </li>
<li><a href="http:///game/4/">美女拼圖</a> </li>
<li><a href="http:///keleyi/phtml/duanwu/index.htm">賽龍舟</a> </li>
<li><a href="http:///game/5/">俄羅斯方塊</a> </li>
<li><a href="http:///game/7/">瀏覽器射擊</a> </li>
<li><a href="http:///game/9/1/saolei.htm">掃雷(容易版)</a></li>
<li><a href="http:///game/9/1/">Mine Sweeper</a></li>
<li><a href="http:///keleyi/phtml/silverlight/">Guess Number</a> </li>
<li><a href="http:///game/10/">貪食蛇</a> </li>
<li><a href="http:///game/12/">五子棋</a> </li>
<li><a href="http:///game/13/">在線桌球</a> </li>
<li><a href="http:///game/14/">數(shù)字拼圖</a> </li>
</ul>
</li>
<li><a href="http:///map/">More Conent</a>
<ul>
<li><a href="http://tool.">Tools</a>
<ul>
<li><a href="http:///tool/md5.htm">MD5加密</a></li>
<li><a href="http:///tool/htmlencode.htm">HTML編碼與解碼</a></li>
<li><a href="http:///tool/urldecode.htm">URL編碼與解碼</a></li>
<li><a href="http:///tool/regex.htm">.NET正則表達(dá)式匹配工具</a></li>
<li><a href="http:///ziliao/js/zzbds.htm">JS正則</a></li>
<li><a href="http:///ziliao/unicode/">Unicode字符列表</a></li>
<li><a href="http:///tool/color.htm" title="顏色選擇器">顏色選擇器</a></li>
</ul>
</li>
<li><a href="http:///keleyi/">Keleyi Menu</a></li>
<li><a href="http:///jq/myslider/">Myslider</a></li>
<li><a href="http:///keleyi/phtml/jqtexiao/6.htm">Happy Halloween!</a></li>
<li><a href="http:///keleyi/phtml/jqtexiao/7.htm">Happy Birthday!</a></li>
<li><a href="http:///keleyi/phtml/jqtexiao/7a.htm">Happy 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>

Web資源：http://www.cnblogs.com/jihua/p/webfront.html

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：昵稱10504424 > 《工作》

舉報(bào)/認(rèn)領(lǐng)