| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- 해피CGI
- 해피씨지아이
- #동영상
- #업종별
- #웹솔루션
- javascript
- #홈페이지제작
- CGIMALL
- jquery
- #쇼핑몰
- #cgimall
- #홈페이지
- #뉴스
- 웹솔루션
- #CSS
- #happycgi
- #해피CGI
- CSS
- 게시판
- #솔루션
- 홈페이지
- #이미지
- 사이트제작
- happycgi
- 홈페이지제작
- #jQuery
- 쇼핑몰
- 솔루션
- #image
- php
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jquery SlideMenu.js 본문
SlideMenu.js는 모바일 터치를 지원하는 쉬운 오프 캔버스 메뉴입니다.
* License
- MIT License
* 설치방법
- 첨부된 압축파일을 다운로드하여 압축해제후 원하는 경로에 업로드한다
- html 문서상에서 <head> 부분에 아래와 같은 코드를 삽입해줍니다
jquery 파일 호출은 SlideMenu 파일들이 호출되기전에 호출해야합니다
- 간단히 적용된 샘플코드는 아래와
같습니다
- 슬라이드 메뉴 옵션은 다음과 같습니다
| 옵션 |
설명 |
| options.percent | 메뉴를 여는 최소크기를 지정합니다(기본값 0.25) |
| options.area | 왼쪽에서 터치 영역의 크기를 지정합니다(기본값 0.1) |
| options.debug | 콘솔을 통한 응용 프로그램 출력을 설정합니다(기본값 false) |
| options.closeMenuOnWidth | 창 너비가 값보다 큰경우 메뉴를 닫습니다 false일 경우 어떤값에서도 닫히지 않습니다 |
| options.disableMenuOnWidth | 창 너비가 값보다 큰 겨웅 터치 이벤트를 비활성화합니다 false일 경우 터치 이벤트를 모든 창너비에서 사용할 수 있습니다 |
| options.size | 메뉴 크기(기본값 300) |
| options.animationTime | 메뉴 애니메이션 시간 밀리 초(기본값 300) |
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
| [해피CGI][cgimall] 자연스러운 슬라이드 효과로 div 숨기기 (0) | 2019.11.12 |
|---|---|
| [해피CGI][cgimall] jquery ProgressBar (0) | 2019.11.11 |
| [해피CGI][cgimall] 탭메뉴 에니메이션 Tab Bar Menu Animation (0) | 2019.11.07 |
| [해피CGI][cgimall] Responsive WYSIWYG Text Editor with jQuery and Bootstrap - LineControl Editor (0) | 2019.11.06 |
| [해피CGI][cgimall] 반응형 슬라이드 형태의 타임라인 Responsive slider timeline with Swiper (0) | 2019.10.30 |
'웹프로그램밍 자료실/JAVA 자료' Related Articles
more
Comments