Gooey menu plugin with jQuery happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 메뉴 관련 > Gooey menu plugin with jQuery 상세정보

클라우드태그

javascript

PHP

html

asp

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

Gooey menu plugin with jQuery

해피팀

네티즌

소스분류

메뉴 관련

다운로드 횟수

89 회

간단설명

jQuery 를 이용해서 제작된 메뉴 스크립트입니다.

평가하기

데모페이지를 통해서 어떤 형태의 메뉴인지는 확인이 가능합니다.

예제1)
메뉴를 접어놨을때

메뉴를 클릭해서 펼쳐놨을때

예제2)
메뉴를 가로로 펼치는 예제네요.
메뉴를 접어놨을때

메뉴를 펼쳐놨을때

예제3)
각 메뉴에 해당하는 원의 크기를 조절하는 예제
메뉴를 접어뒀을때

메뉴를 펼쳐뒀을때

가장 위의 빨간색 메뉴는 펼쳐져 있을때
각 메뉴를 구분하기가 어려운 식이었는데,
원을 약간 줄여놓으니 각각의 메뉴라는 인식이 더 쉽게 되네요.

예제4)
상하로 펼쳐지는 메뉴에 대한 예지
메뉴를 접어뒀을때

메뉴를 펼쳤을때

예제5)
메뉴를 펼치거나, 접을때 이벤트를 이용해서
효과를 다르게 주는 예제

메뉴를 접었을때

메뉴를 펼쳤을때

메뉴의 색상이 바뀌고,
선택하려는 메뉴의 색상도 같이 바뀌는 식의 효과를 줄수도 있네요.

모바일 환경에서 약간 유용하지 않으려나 하네요.

네티즌 의견 이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)

내용

아이디

의견남기기

등록된 의견이 없습니다.