ZoneMenu是一個選單jQuery插件，只需佔用頁面上的一個小區域，卻可以實現多層選單。 完整HTML檔碼： 複製程式碼 程式碼如下: ZoneMenu- jquery plugin </script">http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script</a>><br> <link href="<a href="http://keleyi.com/jq/zonemenu/css/jquery.zonemenu.css">http://keleyi.com/jq/zonemenu/css/jquery.zonemenu.css</a>" type="text/css" rel="stylesheet" /><br> <script type="text/javascript" src="<a href="http://keleyi.com/jq/zonemenu/js/jquery.zonemenu.js"></script">http://keleyi.com/jq/zonemenu/js/jquery.zonemenu.js"></script</a>><br> </head><br> <body><br> <div style="width: 200px; margin: 10px auto;"><br> <h2><br> ZoneMenu Demo</h2><br> </div><br> <div style="width: 800px; margin: 0px auto;"> <br> <div id="zonemenu" class="zonemenu" style="float: left"> <br> <span class="zonemenutitle"><a href="<a%20href=" http:>http://xxx.com/">xxx</a>首頁<br> <li> <a href="<a%20href=" http:>http://xxx.com/xilie/klyjs/">js</a>書</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/ziliao/googlejavascriptstyle.htm">Google</a> JavaScript</li> <br> <br> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/">線上</a>網頁遊戲<br> <ul> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/1/</a>">釣魚 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/2/</a>">不上不下 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/4/</a>">美女拼圖 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/xxx/phtml/duanwu/index.htm</a>">賽龍舟 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/5/</a>">俄羅斯區塊 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/7/</a>">瀏覽器射擊 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/9/1/saolei.htm</a>">掃雷(簡單版)</li> ;<br> <li> <a href="<a%20href=" http:>http://xxx.com/game/9/1/">我的</a>掃地機</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/xxx/phtml/silverlight/">猜猜</a>數字 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/10/</a>">貪食蛇 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/12/</a>">五子棋 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/13/</a>">線上桌球 </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/game/14/</a>">數位拼圖 </li> <br> </ul> <br> </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/map/">更多</a>內容<br> <ul> <br> <li> <a href="<a%20href=" http:>http://xxx.com/tool/md5.htm">MD5</a>加密</li> <br><li> <a href="<a%20href=" http:>http://xxx.com/tool/htmlencode.htm">HTML</a>編碼與解碼</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/tool/urldecode.htm">URL</a>編碼與解碼</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/tool/regex.htm">.NET</a>正規表示式符合工具</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/ziliao/js/zzbds.htm">JS</a>正規</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/ziliao/unicode/">Unicode</a>字元清單</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/tool/color.htm</a>" title="顏色選擇器">顏色選擇器 li><br> </li> </ul> <br> </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/xxx/">xxx</a>選單</li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/xxx/phtml/jqtexiao/6.htm"></a>萬聖節快樂！ </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/xxx/phtml/jqtexiao/7.htm"></a>生日快樂！ </li> <br> <li> <a href="<a%20href=" http:>http://xxx.com/xxx/phtml/jqtexiao/7a.htm">快樂</a>聖誕節！ </li> <br> <br> <br> <br> </span> </div> <br> </div> <br> <div style="float: right; border: 1pxsolid #999; font-size: 20px; height: 40px;<br /> 行高：40px；寬度：590px"> <br> 歡迎來到ZoneMenu主頁！ ZoneMenu 是一個 jQuery 插件。 </div> <br> </div> <br> <br> $("#zonemenu").zonemenu();<br> 腳本><br> 身體><br>
