슬라이드 메뉴를 간단하게 설치할 수 있는 jQuery메뉴 해봤어요.

슬라이드 메뉴를 간단하게 설치할 수 있는 jQuerymenu를 알게 돼서 해봤어요.
공식 홈페이지가 여기 있습니다.
http://www.hongkiat.com/blog/jquery-mmenu-sliding-menu/
시작 부근의 링크에서 필요한 파일을 다운로드할 수 있습니다.

Zip 파일에 이런 느낌이 들어요.

실제로 사용하는 JS 파일과 CSS 파일은 src 폴더에 있습니다.데모 폴더에 어떤 화면을 설치할 수 있는지 확인할 수 있는 파일이 있습니다.
프레젠테이션 화면으로 준비된 파일은 다음과 같다.

index.html

horizontal-submenus.html

vertical-submenus.html

photos.html

positions.html

colors.html

advanced.html

onepage.html

이 파일 외에 jQuery Mobile의 프레젠테이션 페이지도 준비되어 있습니다.

index.html

이 페이지에서 각 페이지를 방문할 수 있습니다.

horizontal-submenus.html

수평 슬라이드에 하위 메뉴를 표시할 수 있습니다.

vertical-submenus.html

하위 메뉴를 수직으로 표시할 수 있습니다.

photos.html

이미지 목록을 표시할 수 있습니다.

이렇게 표시할 수도 있을 것 같습니다.

positions.html

메뉴의 위치와 표시 유형을 전환할 수 있습니다.

colors.html

메뉴의 색상을 변경할 수 있습니다.

advanced.html

이런 기능의 샘플입니다.

onepage.html

같은 페이지에서 이동할 링크의 예제 페이지입니다.

jQueryMobile

jQuery Mobile을 위한 페이지인 것 같습니다.

샘플 페이지는 이런 느낌입니다.
편해 보여요.