Trình đơn định hướng là một thành phần không thể thiếu với bất kì một website nào, và nó cũng đóng một vai trò quan trọng tronng sự sáng tạo và thân thiện đối với người sử dụng website. Trong bài viết này, tác giả sẽ giới thiệu với bạn mã nguồn CSS của các trình đơn kéo xổ tốt nhất. Các trình đơn này chỉ khác nhau về CSS và bạn có thể sử dụng kết hợp với các thư viện JavaScript hiện có như: jQuery, MooTools và Prototype.

• Demo
• Phóng to
• Tải lại
• Cửa sổ mới

Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly website. It's a good solution to trim down long menu that is overwhelming the screen space, getting them to display in a more organize category-sub category pattern.

In this article, we'd like to show you some of the best drop-down menu scripts we come to know. These drop-down menu varies from CSS only, CSS & Javascripts and menu that will work with your current Javascript library like jQuery, MooTools and Prototype. Full list after jump.

Here are some related articles we figured you might be interested in:

• Building HTML Tables
• Starter Kits for Web Designers
• CSS Tab-Based navigation scripts

CSS (Only)

If you are worried about Javascript disabled on client's browser, these css-only drop down menu will not fail you.

CSS Drop-Down Menu Framework
Title says it all. It's a framework, released under GNU General Public License. Cross browser compatible, light and easy transformable to mimic a lot of existing drop down menus out there. For example Flickr, Adobe, and MTV.com [Demo | Download]

Ultimate CSS only drop-down menu
Also see this.

CSS Express Drop-Down Menus
Help you produce a quick (express) CSS drop-down menu without some of the limitations found in some other "pure" CSS menus.

Pure CSS Drop Down Menus

CSS + Javascripts

With the help of Javascript, drop down menu are more interactive or at least they get some subtle animation that enhance user experience. CSS on the other hand, make sure the look and feel is easily cuztomizable.

JavaScript Dropdown Menu with Multi Levels
This multi-level drop down menu script weighs in at only 1.2 KB. It features animation, active header persistence, easy implementation and multiple instance support. [Demo | Download]

All Levels Navigational Menu (v2.2)
CSS/ HTML list based menu with support for infinite levels of sub menus. It's lightweight and easy to implement.

Professional dropdown

Drop Down Tabs (5 styles)
Drop Down Tabs is a horizontal CSS tabs menu that supports a second level drop down menu for each of its tabs. Comes in 5 different styles.

Chrome CSS Drop Down Menu
Chrome Menu is a CSS and JavaScript hybrid drop down menu. It's easy to configure and search engine friendly. The main menu bar consist of a CSS list, while the drop down menus are simply regular DIV tags on page.

• Mã nguồn
• In

• Lời bình (0)
• Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

• Lượt gửi (0)
• Mới