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

익명닉네임

· 10년 전 · 조회 18313 18313 · 댓글 20 20

메뉴 아이콘 및 메뉴 안에 디자인은 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]

첨부파일

K-2.gif (9.4 KB, 0회) (0 bytes, 0회) mmenu.zip (12.5 KB, 1440회)

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 20개

익명닉네임

프로필 보기 이 회원 글보기

10년 전

[code]
<!DOCTYPE>
<html lang="ko">
<head>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>모바일웹 레이아웃 2015</title>
<link rel="stylesheet" href="jquery.mmenu.all.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="jquery.mmenu.min.all.js"></script>
</head>
<body>
<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>
</body>
</html>
[/code]

이제는난

프로필 보기 이 회원 글보기

10년 전

아이고 초보를 위해서 아주 떠다가 먹여주시네요 ㅜㅜ
감사합니다!! 문제없이 잘됩니다. 고맙습니다 복받으실거에요^^꾸벅__;

익명닉네임

프로필 보기 이 회원 글보기

10년 전

좋은하루 되시길 바랍니다. ~~ ^^

다이월드

프로필 보기 이 회원 글보기

10년 전

설치 방법 좀 자세히 아르켜 주세요..
어느 디렉토리 어디 어디 리허게요 ㅡㅡ 잘 모르겟어요

HMHM

프로필 보기 이 회원 글보기

10년 전

저는 이게 되긴 되는데 메뉴를 문지르면 메뉴가 안 움직이고 메인 배경화면이 움직이는데 메뉴가 터치되게 하려면 어떻게 해야 할까요?

쫠스

프로필 보기 이 회원 글보기

10년 전

좋아요 좋아요 좋아요!!!

ssohyuni

프로필 보기 이 회원 글보기

9년 전

너무 필요한 자료였어요. 감솨해요^^

flexdd

프로필 보기 이 회원 글보기

8년 전

심플하고 좋네요~^^

쫑콩

프로필 보기 이 회원 글보기

7년 전

이런걸 찾고있었습니다! 감사합니다~

헬로준6

프로필 보기 이 회원 글보기

5년 전

감사합니다~

/ 2

1 2

게시글 목록

번호	제목	글쓴이	조회	날짜
487	CKEditor 4.4.7 최신 Standard 버전 7	다이월드	11,048	10년 전
471	모바일 웹에 딱 어울리는 메뉴 공유합니닷.. [1차 수정] 20 현재글	익명닉네임	18,314	10년 전
465	게시글에 투표 (각 게시글에 "투표" 첨부하기) 10	검은아이	13,603	10년 전
461	그누보드5용 (마이 페이지) BASIC 6	검은아이	16,436	10년 전
453	팝업관리툴- 그누보드5용[관리자메뉴] 12	공명과맥	12,605	10년 전
444	피리 출석체크 1	검은아이	9,305	10년 전
430	내글 박스, 글내용에 작성자의 최근 게시물 보여주기 9	검은아이	7,243	10년 전
427	그누보드5, 끌어올림 (이전 게시글을 최신글로 점프시키는 기능) 12	검은아이	11,086	10년 전
425	OpenSSL for HTTP 수정 취합 3	fm25	8,186	10년 전
410	그누보드5 전용 구글사이트맵(SEO) 생성기 36	GodsTale	33,735	11년 전
386	SIR 도로명주소 서비스 지원 중단에 따른 다음 도로명 API 적용 분. 12	잉끼	6,236	11년 전
343	Postcodify 도로명주소 우편번호 검색 플러그인 v2.1 15	기진곰	16,819	11년 전

이전 다음

49 50 51 52 53

전체 목록

그누보드5