ZoneMenu ialah menu pemalam jQuery yang hanya menggunakan kawasan kecil pada halaman, tetapi boleh melaksanakan menu berbilang peringkat. Kod fail HTML lengkap: Salin kod Kod adalah seperti berikut: 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 Laman Utama</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 buku</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/">Dalam Talian Permainan Web</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/saolei.htm</a>">扫雷(容易版)</a></li> ;<br> <li><a href="<a href="http://xxx.com/game/9/1/">Mine">http://xxx.com/game/9/1/">Milik saya Penyapu</a></li><br> <li><a href="<a href="http://xxx.com/xxx/phtml/silverlight/">Guess">http://xxx.com/xxx/phtml/silverlight/">Teka Nombor</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 href="<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/">Lagi Conent</a><br> <ul><br> <li><a href="<a href="http://tool.xxx.com">Tools</a">http://tool.xxx.com">Alat</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></ li><br> </ul><br> </li><br> <li><a href="<a href="http://xxx.com/xxx/">xxx">http://xxx.com/xxx/">xxx Menu</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">Selamat Halloween!</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">Selamat Hari Lahir!</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">Selamat Krismas!</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 /> ketinggian garis: 40px; lebar: 590px"><br> Selamat datang ke ZoneMenu Home! ZoneMenu ialah pemalam jQuery.</div><br> </div><br> <script type="text/javascript"><br> $("#zonemenu").zonemenu();<br> </skrip><br> </body><br> </html><br> </div> <p>代码很简单，这里就不详细说明了，小伙伴们自己看吧</p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
