웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jquery SlideMenu.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jquery SlideMenu.js

해피CGI윤실장 2019. 11. 8. 09:00

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