[해피CGI][cgimall] JQuery 를 이용한 브라우저 모양의 탭메뉴(Browser Tab menu)

HTML, CSS, JQuery 를 이용하여 브라우저 인터페이스의 탭메뉴를 만드는 소스를 소개 합니다.

 

신규 탭 생성 + 드래그 앤 드랍 기능이 탑재되어 있습니다.


기본 CSS 는 2개로 구성 되어 있습니다.

 

 

호출하는 Script 는 3개가 필요 합니다.

 

 

본문은 아래의 HTML 로 구성되어 있습니다.

html 에서는 탭메뉴의 디자인과 파비콘들을 설정할 수 있습니다.

 

 

초기화 스크립트 및 탭메뉴 추가 스크립트는 아래처럼 구성되어 있습니다.

스크립트로는 탭메뉴의 크기, 신규 탭생성, 스킨 변경 등을 할 수 있습니다.

 

 

재미 있는 탭메뉴인데요.
바로 사용하기에는 부족한 감이 조금 있습니다.
조금 가공해서 사용하신다면 재미 있는 인터페이스를 구성할 수 있을듯 합니다. ^^