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 href="http://xxx.com/jq/zonemenu/">ZoneMenu</a">http://xxx.com/jq/zonemenu/">ZoneMenu</a</a>><br> </span><br> <div id="zonebody"><br> <ul><br> <li><strong><a href="<a href="http://xxx.com/">xxx">http://xxx.com/">xxx ホーム</a></strong></li><br> <li><a href="<a href="http://xxx.com/menu/webqd/">WebFront</a">http://xxx.com/menu/webqd/">WebFront</a</a>><br> <ul><br> <li><a href="<a href="http://xxx.com/menu/jquery/">jQuery</a></li">http://xxx.com/menu/jquery/">jQuery</a></li</a>><br> <li><a href="<a href="http://xxx.com/menu/javascript/">Javascript</a></li">http://xxx.com/menu/javascript/">Javascript</a></li</a>><br> <li><a href="<a href="http://xxx.com/menu/html5/">HTML5</a></li">http://xxx.com/menu/html5/">HTML5</a></li</a>><br> <li><a href="<a href="http://xxx.com/xilie/klyjs/">js">http://xxx.com/xilie/klyjs/">js 書籍</a></li><br> <li><a href="<a href="http://xxx.com/ziliao/googlejavascriptstyle.htm">Google">http://xxx.com/ziliao/googlejavascriptstyle.htm">Google JavaScript</a></li><br> </ul><br> </li><br> <li><a href="<a href="http://xxx.com/game/">Online">http://xxx.com/game/">オンラインウェブ ゲーム</a><br> <ul><br> <li><a href="<a href="http://xxx.com/game/1/">http://xxx.com/game/1/</a>">捕鱼</a> </li><br> <li><a href="<a href="http://xxx.com/game/2/">http://xxx.com/game/2/</a>">不上不下</a> </li><br> <li><a href="<a href="http://xxx.com/game/4/">http://xxx.com/game/4/</a>">美女拼图</a> </li><br> <li><a href="<a href="http://xxx.com/xxx/phtml/duanwu/index.htm">http://xxx.com/xxx/phtml/duanwu/index.htm</a>">赛龙舟</a> </li><br> <li><a href="<a href="http://xxx.com/game/5/">http://xxx.com/game/5/</a>">俄罗斯方块</a> </li><br> <li><a href="<a href="http://xxx.com/game/7/">http://xxx.com/game/7/</a>">浏览器射击</a> </li><br> <li><a href="<a href="http://xxx.com/game/9/1/saolei.htm">http://xxx.com/game/9/1/saorei.htm</a>">扫雷(易版)</a></li> ;<br> <li><a href="<a href="http://xxx.com/game/9/1/">Mine">http://xxx.com/game/9/1/">マイン スイーパー</a></li><br> <li><a href="<a href="http://xxx.com/xxx/phtml/silverlight/">Guess">http://xxx.com/xxx/phtml/silverlight/"> 番号を推測</a> </li><br> <li><a href="<a href="http://xxx.com/game/10/">http://xxx.com/game/10/</a>">贪食蛇</a> </li><br> <li><a href="<a href="http://xxx.com/game/12/">http://xxx.com/game/12/</a>">五子棋</a> </li><br> <li><a href="<a href="http://xxx.com/game/13/">http://xxx.com/game/13/</a>">在線上桌球</a> </li><br> <li><a><a href="http://xxx.com/game/14/">http://xxx.com/game/14/</a>">数字拼图</a> </li><br> </ul><br> </li><br> <li><a href="<a href="http://xxx.com/map/">More">http://xxx.com/map/">その他コンテンツ</a><br> <ul><br> <li><a href="<a href="http://tool.xxx.com">Tools</a">http://tool.xxx.com">ツール</a</a>><br> <ul><br> <li><a href="<a href="http://xxx.com/tool/md5.htm">MD5">http://xxx.com/tool/md5.htm">MD5加密</a></li><br><li><a href="<a href="http://xxx.com/tool/htmlencode.htm">HTML">http://xxx.com/tool/htmlencode.htm">HTML编б与解解</a></li><br> <li><a href="<a href="http://xxx.com/tool/urldecode.htm">URL">http://xxx.com/tool/urldecode.htm">URL编б与解解</a></li><br> <li><a href="<a href="http://xxx.com/tool/regex.htm">.NET">http://xxx.com/tool/regex.htm">.NET正则表达式適合ツール</a></li><br> <li><a href="<a href="http://xxx.com/ziliao/js/zzbds.htm">JS">http://xxx.com/ziliao/js/zzbds.htm">JS正则</a></li><br> <li><a href="<a href="http://xxx.com/ziliao/unicode/">Unicode">http://xxx.com/ziliao/unicode/">Unicode文字列表</a></li><br> <li><a href="<a href="http://xxx.com/tool/color.htm">http://xxx.com/tool/color.htm</a>" title="颜色选择器">颜色选择器</a></リー><br> </ul><br> </li><br> <li><a href="<a href="http://xxx.com/xxx/">xxx">http://xxx.com/xxx/">xxxメニュー</a></li><br> <li><a href="<a href="http://xxx.com/jq/myslider/">Myslider</a></li">http://xxx.com/jq/myslider/">Myslider</a></li</a>><br> <li><a href="<a href="http://xxx.com/xxx/phtml/jqtexiao/6.htm">Happy">http://xxx.com/xxx/phtml/jqtexiao/6.htm">ハッピーハロウィン!</a></li><br> <li><a href="<a href="http://xxx.com/xxx/phtml/jqtexiao/7.htm">Happy">http://xxx.com/xxx/phtml/jqtexiao/7.htm">お誕生日おめでとうございます!</a></li><br> <li><a href="<a href="http://xxx.com/xxx/phtml/jqtexiao/7a.htm">Happy">http://xxx.com/xxx/phtml/jqtexiao/7a.htm">ハッピークリスマス!</a></li><br> </ul><br> </li><br> </ul><br> </div><br> </div><br> <div style="float: right; border: 1px Solid #999; font-size: 20px; height: 40px;<br> 行の高さ: 40px;幅: 590px"><br> ZoneMenu ホームへようこそ! ZoneMenu は jQuery プラグインです。</div><br> </div><br> <スクリプトタイプ="text/javascript"><br> $("#zonemenu").zonemenu();<br> 代码很简单，此里就不详细说明了，小伙伴们自己看吧
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
