[해피CGI][cgimall] Click 이벤트로 구성된 드랍다운 메뉴

 

clicky-menus 는 드롭다운 메뉴 onclick 이벤트를 만드는 데 도움이 되는 가벼운 JavaScript 플러그인입니다. 

메뉴는 클릭, 탭 또는 키보드 / 키로 열 수 있는 1단계 드롭다운 메뉴 와 함께 제공 됩니다(포커스가 있을 때)
플러그인은 각 상위 항목(드롭다운 링크)을 버튼 요소로 변환하여 드롭다운을 확장합니다.
드롭다운을 토글하기 위해 마우스, 터치 및 키보드 상호 작용을 지원합니다.
마찬가지로 사용자가 메뉴 외부를 클릭하면 열린 드롭다운을 닫을 수 있습니다.
또한 브라우저에서 JavaScript가 비활성화된 경우 메뉴도 작동합니다(순수 CSS 사용).

라이센스는 MIT 입니다. 



적용 방법 안내 입니다. 


1. CSS 파일을 HTML페이지 HEAD 에서 로드 합니다. 

2. 이제 BODY 안에 메뉴 구조를 잡습니다. 

   
3. 클릭 시 드랍다운 처리를 할 SCRIPT를 로드 합니다. 

압축파일을 해제하면 index.html 파일을 통해 바로 확인할 수 있습니다.