모바일 웹에 딱 어울리는 메뉴 공유합니닷.. [1차 수정]

메뉴 아이콘 및 메뉴 안에 디자인은 css 에서 직접 수정하셔야됩니다..
전 할줄몰라서 포기..!
[code]
<link rel="stylesheet" href="jquery.mmenu.all.css" />
<script type="text/javascript" src="jquery.mmenu.min.all.js"></script>
<script type="text/javascript">
$(function() {
$('nav#menu').mmenu();
});
</script>

/*메뉴 아이콘 버튼 아무곳에다가 넣으세요.*/
<div id="page"><div class="header"><a href="#menu"></a></div></div>

/* 메뉴 부분 하단에 넣는게 좋겠죠..?? 무한 서브 지원합니다. */
<nav id="menu">
<ul>
<li><a href="#notice">알림방</a>
<ul>
<li><a href="#notice">준비중 입니다.</a></li>
<li><a href="#notice">준비중 입니다.</a></li>
<li><a href="#notice">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#story">이야기관</a>
<ul>
<li><a href="#story/2">준비중 입니다.</a></li>
<li><a href="#story/2">준비중 입니다.</a></li>
<li><a href="#story/2">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#buy">구매 & 분양</a>
<ul>
<li><a href="#buy">준비중 입니다.</a></li>
<li><a href="#buy">준비중 입니다.</a></li>
<li><a href="#buy">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#photo">포토 갤러리</a>
<ul>
<li><a href="#photo">준비중 입니다.</a></li>
<li><a href="#photo">준비중 입니다.</a></li>
<li><a href="#photo">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#data">자료실</a>
<ul>
<li><a href="#data">준비중 입니다.</a></li>
<li><a href="#data">준비중 입니다.</a></li>
<li><a href="#data">준비중 입니다.</a></li>
</ul>
</li>
</ul>
</nav>
[/code]