홈페이지 » 제도법 » 드롭 다운 메뉴 30 개 이상의 유용한 스크립트를 사용하여 헤더 탐색 기능 향상

    드롭 다운 메뉴 30 개 이상의 유용한 스크립트를 사용하여 헤더 탐색 기능 향상

    드롭 다운 메뉴 (풀다운 메뉴라고도 함)는 대부분의 웹 디자인에서 필수적입니다. 효과적이고 사용자 친화적 인 웹 사이트를 만드는 데 중요한 역할을합니다. 화면 공간을 압도하는 긴 메뉴를 잘라내어보다 체계적인 카테고리 - 하위 카테고리 패턴으로 표시되도록하는 것이 좋은 해결책입니다.

    이 기사에서 우리는 최고의 드롭 다운 메뉴 스크립트 우리가 알게된다. 이 드롭 다운 메뉴는 CSS 만, CSS와 자바 스크립트 현재 Javascript 라이브러리와 같이 작동 할 메뉴 및 메뉴 jQuery, MooTools원기. 점프 후 전체 목록.

    다음은 관심을 가질만한 것으로 생각되는 몇 가지 관련 기사입니다.

    • HTML 테이블 만들기
    • 웹 디자이너를위한 스타터 키트
    • CSS 탭 기반 탐색 스크립트

    CSS (전용)

    클라이언트의 브라우저에서 Javascript가 사용 중지 된 것에 대해 걱정할 경우이 CSS 전용 드롭 다운 메뉴가 실패하지 않습니다..

    CSS 드롭 다운 메뉴 프레임 워크. 제목은 그것을 모두 말한다. 이것은 GNU General Public License하에 공개 된 프레임 워크입니다. 크로스 브라우저 호환, 가볍고 쉽게 기존 드롭 다운 메뉴를 많이 모방 변형 할 수 있습니다. 예를 들어 Flickr, Adobe 및 MTV.com.

    궁극적 인 CSS 전용 드롭 다운 메뉴

    CSS 익스프레스 드롭 다운 메뉴. 다른 "순수한"CSS 메뉴에서 발견 된 몇 가지 제한 사항없이 빠른 (빠른) CSS 드롭 다운 메뉴를 만들 수 있도록 도와주세요..

    CSS + 자바 스크립트

    Javascript를 사용하면 드롭 다운 메뉴가 더 대화식이되거나 최소한 사용자 경험을 향상시키는 미묘한 애니메이션을 얻을 수 있습니다. 반면에 CSS는 모양과 느낌이 쉽게 조정 가능하다는 것을 확인하십시오..

    모든 레벨 탐색 메뉴 (v2.2). 무한한 수준의 하위 메뉴를 지원하는 CSS / HTML 목록 기반 메뉴. 가볍고 구현하기 쉽습니다..

    드롭 다운 탭 (5 개 스타일). 드롭 다운 탭은 각각의 탭에 대해 두 번째 레벨 드롭 다운 메뉴를 지원하는 수평 CSS 탭 메뉴입니다. 5 가지 스타일로 제공됩니다..

    Chrome CSS 드롭 다운 메뉴. Chrome 메뉴는 CSS 및 자바 스크립트 드롭 다운 메뉴입니다. 엔진을 쉽게 구성하고 검색 할 수 있습니다. 주 메뉴 모음은 CSS 목록으로 구성되며 드롭 다운 메뉴는 페이지의 일반 DIV 태그 일뿐입니다.

    jQuerys

    귀하의 사이트에 jQuery Javascript 라이브러리를 구현 한 경우, 여기에 알아야 할 멋진 jQuery 기반 드롭 다운 메뉴가 있습니다..

    부드러운 탐색 메뉴 . Smooth Navigation Menu는 웹 사이트 내비게이션을 원활하게 해주는 jQuery를 사용하는 다단계 CSS 목록 기반 메뉴입니다. 비슷한 또 다른 하나가 있습니다 - jQuery 다중 레벨 CSS 메뉴.

    수족관. Superfish는 향상된 Suckerfish 스타일의 메뉴 jQuery 플러그인으로 기존의 순수한 CSS 드롭 다운 메뉴를 사용하므로 (JavaScript없이 정상적으로 성능이 저하됩니다). [데모 | 다운로드]

    메가 드롭 다운 메뉴. 새로운 링크 줄 이상을 담고있는 드롭 다운 메뉴. 그것은 또한 그룹 링크를 만들고 nagivation을 훨씬 쉽게 만듭니다! [데모]

    MooTools

    MooTools를 이용한 자바 스크립트 드롭 다운 메뉴. Mootools 1.2로 드롭 다운 메뉴를 만드는 손쉬운 방법. [데모 | 다운로드]

    UvumiTools 드롭 다운 메뉴. Mootools Javascript Framework를 사용하여 HTML unorderd 목록으로 작성된 단순한 다중 레벨 메뉴.

    방해가되지 않는 Mootool 드롭 다운 메뉴

    모방품

    Digg 헤더 디자인. Digg와 비슷한 드롭 다운 메뉴를 만드는 방법에 대한 단계별 자습서. [데모 | 다운로드]

    기타.

    이즈 메뉴. 한 줄의 코드를 작성하거나 준비된 코드를 사용하지 않고 온라인 웹 사이트에 전문적인 CSS 메뉴를 만들 수 있습니다..

    PureCSS 메뉴. 무료 CSS 드롭 다운 메뉴 생성기