Menu thả xuống 30+ tập lệnh hữu ích để tăng cường điều hướng tiêu đề

Trình đơn thả xuống (còn được gọi là menu kéo xuống) là một điều cần thiết trong hầu hết các thiết kế web. Nó đóng vai trò quan trọng trong việc tạo ra một trang web hiệu quả và thân thiện với người dùng. Đó là một giải pháp tốt để cắt bớt menu dài tràn ngập không gian màn hình, khiến chúng hiển thị theo mẫu danh mục phụ-tổ chức hơn.

Trong bài viết này, chúng tôi muốn cho bạn thấy một số kịch bản trình đơn thả xuống tốt nhất chúng tôi đến để biết Các menu thả xuống này khác nhau từ CSS chỉ có, CSS & Javascripts và menu sẽ hoạt động với thư viện Javascript hiện tại của bạn như jQuery, MooTools và Nguyên mẫu. Danh sách đầy đủ sau khi nhảy.

Dưới đây là một số bài viết liên quan mà chúng tôi cho rằng bạn có thể quan tâm:

Xây dựng bảng HTML
Bộ khởi động cho các nhà thiết kế web
Các tập lệnh điều hướng dựa trên tab CSS

CSS (Chỉ)

Nếu bạn lo lắng về việc Javascript bị vô hiệu hóa trên trình duyệt của khách hàng, các menu thả xuống chỉ css này sẽ không làm bạn thất vọng.

Khung trình đơn thả xuống CSS. Tiêu đề nói lên tất cả. Đó là một khung, được phát hành theo Giấy phép Công cộng GNU. Tương thích trình duyệt chéo, ánh sáng và dễ dàng chuyển đổi để bắt chước rất nhiều menu thả xuống hiện có. Ví dụ: Flickr, Adobe và MTV.com.

Menu thả xuống chỉ CSS cuối cùng

Menu thả xuống CSS Express. Giúp bạn tạo một menu thả xuống CSS nhanh (nhanh) mà không có một số hạn chế được tìm thấy trong một số menu CSS "thuần túy" khác.

CSS + Javascripts

Với sự trợ giúp của Javascript, trình đơn thả xuống có tính tương tác cao hơn hoặc ít nhất là chúng có được một số hình ảnh động tinh tế giúp nâng cao trải nghiệm người dùng. Mặt khác, CSS, đảm bảo giao diện dễ dàng được kích hoạt.

Menu điều hướng tất cả các cấp (v2.2). Menu dựa trên danh sách CSS / HTML với sự hỗ trợ cho các cấp phụ vô hạn. Nó nhẹ và dễ thực hiện.

Tab thả xuống (5 kiểu). Tab thả xuống là menu tab CSS nằm ngang hỗ trợ menu thả xuống cấp hai cho mỗi tab của nó. Có 5 kiểu khác nhau..

Menu thả xuống của CSS CSS. Menu Chrome là một menu thả xuống lai CSS và JavaScript. Thật dễ dàng để cấu hình và công cụ tìm kiếm thân thiện. Thanh menu chính bao gồm một danh sách CSS, trong khi các menu thả xuống chỉ đơn giản là các thẻ DIV thông thường trên trang.

jQuery

Nếu bạn đã triển khai Thư viện Javascript jQuery trên trang web của mình, đây là một số trình đơn thả xuống dựa trên jQuery thực sự thú vị mà bạn nên biết.

Menu điều hướng mượt mà . Menu điều hướng mượt mà là một menu dựa trên danh sách CSS đa cấp, được cung cấp bằng jQuery, giúp điều hướng trang web trở nên suôn sẻ. Đây là một cái tương tự khác - Menu CSS đa cấp jQuery.

Cá siêu. Superfish là một plugin jQuery trình đơn kiểu Suckerfish nâng cao, có một trình đơn thả xuống CSS thuần túy hiện có (vì vậy nó xuống cấp một cách duyên dáng mà không cần JavaScript). [Bản trình diễn | Tải về]

Menu thả xuống lớn. Một menu thả xuống chứa nhiều hơn các dòng liên kết mới. Nó cũng làm cho các liên kết nhóm và làm cho dễ dàng hơn nhiều! [Bản giới thiệu]

MooTools

Trình đơn thả xuống JavaScript bằng Mootools. Cách dễ dàng, không phô trương để tạo menu thả xuống với Mootools 1.2. [Bản trình diễn | Tải về]

Menu thả xuống UvumiTools. Menu đa cấp đơn giản được xây dựng từ danh sách unorderd HTML, sử dụng Mootools Javascript Framework.

Menu thả xuống Mootool không hấp dẫn

Bắt chước

Thiết kế tiêu đề Digg. Từng bước hướng dẫn về cách xây dựng một menu thả xuống trông giống như của Digg. [Bản trình diễn | Tải về]

Linh tinh.

izzyMothy. Tạo các menu CSS chuyên nghiệp cho trang web của bạn trực tuyến, không cần viết một dòng mã hoặc chỉ sử dụng một số mã đã sẵn sàng.

Menu PureCSS. Trình tạo menu thả xuống CSS miễn phí