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

[해피CGI][cgimall] Windows Style Multi-level File Menu In jQuery 본문

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

[해피CGI][cgimall] Windows Style Multi-level File Menu In jQuery

해피CGI윤실장 2020. 7. 16. 09:17

Windows 파일 탐색기 스타일의 드롭다운 메뉴를 생성하는
jQuery 플러그인 입니다.


다운로드 받은 파일의 압축을 해제하면 생기는
index.html 을 웹브라우저로 열어서 보면 확인이 가능합니다.

 




웹페이지에 위 그림과 같은 메뉴를 구현하는 예제입니다.

index.html 파일의 소스코드를 보면,
메뉴를 추가하거나, 삭제하는게 그리 어려워 보이진 않네요.

 



ul, li 태그를 이용해서
화면에 출력되는 메뉴의 순서 및 텍스트를 쉽게 조절이 가능합니다.
각 메뉴에 해당하는 기능을 구현하는건 제법 일이 많을듯 하네요.


윈도우 탐색기의 파일메뉴와 같은 모양으로,
웹페이지로 이동하는 단순한 메뉴들을 구성하려고 할때 사용하면 괜찮을듯 합니다.

 

 

 


홈페이지바로가기

Comments