일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 게시판
- CGIMALL
- #솔루션
- #웹솔루션
- #뉴스
- CSS
- #업종별
- #happycgi
- 웹솔루션
- #쇼핑몰
- 해피씨지아이
- #동영상
- #cgimall
- php
- javascript
- #홈페이지제작
- 해피CGI
- jquery
- #image
- 홈페이지제작
- 솔루션
- 홈페이지
- 쇼핑몰
- #CSS
- #jQuery
- #홈페이지
- #해피CGI
- #이미지
- happycgi
- 사이트제작
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] Click 이벤트로 구성된 드랍다운 메뉴 본문
clicky-menus 는 드롭다운 메뉴 onclick 이벤트를 만드는 데 도움이 되는 가벼운 JavaScript 플러그인입니다.
메뉴는 클릭, 탭 또는 키보드 / 키로 열 수 있는 1단계 드롭다운 메뉴 와 함께 제공 됩니다(포커스가 있을 때)
플러그인은 각 상위 항목(드롭다운 링크)을 버튼 요소로 변환하여 드롭다운을 확장합니다.
드롭다운을 토글하기 위해 마우스, 터치 및 키보드 상호 작용을 지원합니다.
마찬가지로 사용자가 메뉴 외부를 클릭하면 열린 드롭다운을 닫을 수 있습니다.
또한 브라우저에서 JavaScript가 비활성화된 경우 메뉴도 작동합니다(순수 CSS 사용).
라이센스는 MIT 입니다.
적용 방법 안내 입니다.
1. CSS 파일을 HTML페이지 HEAD 에서 로드 합니다.
2. 이제 BODY 안에 메뉴 구조를 잡습니다.
3. 클릭 시 드랍다운 처리를 할 SCRIPT를 로드 합니다.
압축파일을 해제하면 index.html 파일을 통해 바로 확인할 수 있습니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] Tiny Background Parallax Scrolling Effect Plugin - Diurnal Parallax (0) | 2022.11.07 |
---|---|
[해피CGI][cgimall] Canvas 를 이용한 스크래치 기능(쿠폰번호 긁기) (0) | 2022.11.02 |
[해피CGI][cgimall] MediumEditor (0) | 2022.10.20 |
[해피CGI][cgimall] Minimal Table Sorting Plugin - jQuery Sortberg.js (0) | 2022.10.17 |
[해피CGI][cgimall] Responsive High Performance Content Scroller - SuperMarquee (0) | 2022.10.07 |
Comments