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="너비: 800px; 여백: 0px 자동;"><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> <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/">자바스크립트</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 자바스크립트</a></li><br> </ul> <br> <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> <br> <li><a href="<a href="http://xxx.com/game/2/">http://xxx.com/game/2/</a>">불상불하</a> <br> <li><a href="<a href="http://xxx.com/game/4/">http://xxx.com/game/4/</a>">美女拼图</a> <br> <li><a href="<a href="http://xxx.com/xxx/phtml/duanwu/index.htm">http://xxx.com/xxx/phtml/duanwu/index.htm</a>">赛龙舟</a> <br> <li><a href="<a href="http://xxx.com/game/5/">http://xxx.com/game/5/</a>">俄罗斯方块</a> <br> <li><a href="<a href="http://xxx.com/game/7/">http://xxx.com/game/7/</a>">浏览器射击</a> <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/">지뢰 스위퍼</a></li><br> <li><a href="<a href="http://xxx.com/xxx/phtml/silverlight/">Guess">http://xxx.com/xxx/phtml/silverlight/">숫자를 맞춰보세요</a> <li><a href="<br />http://xxx.com/game/10/<a href="http://xxx.com/game/10/">">贪食蛇</a> <li><a href="<br />http://xxx.com/game/12/<a href="http://xxx.com/game/12/">">오자棋</a> <li><a href="<br />http://xxx.com/game/13/<a href="http://xxx.com/game/13/">">재재线桌球</a> <li><a href="<br />http://xxx.com/game/14/<a href="http://xxx.com/game/14/">">数字拼图</a> </ul> <br> <br> <li><a href="<br />http://xxx.com/map/">더보기<a href="http://xxx.com/map/%22>More"> 콘텐츠</a></a> <ul> <br> <li><a href="<br />http://tool.xxx.com">도구</a<a href="http://tool.xxx.com">Tools</a">> <ul> <br> <li><a href="<br />http://xxx.com/tool/md5.htm">MD5<a href="http://xxx.com/tool/md5.htm%22>MD5">加密</a></li></a><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/">유니코드字符列表</a></li><br> <li><a href="<a href="http://xxx.com/tool/color.htm">http://xxx.com/tool/color.htm</a>" title="颜color选择器">颜color选择器</a></ 리><br> </ul> <br> <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> <br> </ul> <br> </div><br> </div><br> <div style="float: 오른쪽; 테두리: 1px 단색 #999; 글꼴 크기: 20px; 높이: 40px;<br /> 줄 높이: 40px; 너비: 590px"><br> ZoneMenu 홈에 오신 것을 환영합니다! ZoneMenu는 jQuery 플러그인입니다.</div><br> </div><br> <script type="text/javascript"><br> $("#zonemenu").zonemenu();<br> <br> </본문><br> </div>
