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

SVG로 구성한 특이한 JQuery 메뉴 SVG로 구성한 특이한 JQuery 메뉴로 색다른 구성시 좋아요 출력되는 방식, 배경색상, 내용 색상을 선택 사용 가능합니다.

자바스크립트를 이용한 심플한 아코디언 메뉴입니다. 첨부된 파일내에 index.html 파일과 css파일에서 관련 코드를 확인하실 수 있습니다. 아래의 링크를 통해서도 확인이 가능하니 참고하세요~ https://codepen.io/SoufianeAbid/pen/eZVzBL

데모사이트 : http://www.htmldrive.net/items/demo/1809/-jQuery-full-screen-menu-and-navigation (전체메뉴보기 jQuery 소스 입니다.)

제이쿼리로 작동하는 다섯가지 타입의 멀티 레벨 메뉴입니다. 1차메뉴를 클릭하면 1차메뉴는 페이드아웃되면서 2차메뉴로 전환됩니다. 멀티메뉴면서 레벨이 많은 경우 사용하시면 작은 공간에서도 활용이 가능합니다. 슬라이드되면서 페이드아웃 되는 형태가 총 5가지가 있습니다. 사이트에서 소스를 다운로드 받으실수 있습니다.

클릭하면 해당 메뉴의 레이어가 열리고 열려있던 레이어는 닫히는 아코디언 메뉴입니다. 레이어가 레디자인 컨텐츠를 포함이 가능합니다. 사이트에서 로그인하시면 해당 메뉴 소스를 다운로드 받으실수 있습니다. 열려있던 메뉴를 한번더 클릭하면 완전히 닫혀있는 메뉴가 됩니다. 간단한 소스로 부드럽게 작동하는 아코디언 메뉴를 만들고 응용하기 쉽습니다. 익스플로어 10버전 이상 브라우저, 크롬 브라우저에서 작동합니다.