9 jQuery plugin giúp cải thiện thanh menu trên website

Nguyễn Duy Nhân

11 years ago

Thanh điều hướng (navigaton hay ở Việt Nam quen gọi là menu chính) là một phần quan trọng của website, giúp người dùng di chuyển qua các nội dung trên website dễ dàng. Suy nghĩ và tối ưu hóa nó sao cho người dùng của bạn di chuyển trên site dễ dàng là điều cần thiết để website của bạn thân thiện hơn với người dùng. Trong bài viết này, NhanWeb sẽ giới thiệu với bạn một vài plugin của jQuery giúp bạn cải thiện thanh điều hướng của mình nhằm cung cấp trải nghiệm thú vị với người dùng hơn.

Phụ mục

Toggle

1. MeanMenu

Đây là một jQuery Responsive Menu plugin cho phép bạn dấu hoặc hiện menu con, chọn phần tử hiển thị trong menu… Đây là một jQuery plugin được rất nhiều site responsive sử dụng.

Một vài tính năng nổi bật:

Hiện hoặc ẩn menu con
Điều chỉnh lại phương hướng(menu trung tâm sẽ được định vị lại khi bạn lật thiết bị)
Làm chủ độ rộng màn hình với MeanMenu activates
Mở rộng, thu gọn sub menu
Tự cấu hình CSS
Thiết lập và cấu hình dễ dàng
Media Query độc lập

2. Sidr

Đây là một jQuery plugin hay và là tốt nhất nếu bạn muốn thực hiện một thanh điều hướng ở một bên màn hình.

9 jQuery plugin giúp cải thiện thanh menu trên website: Sidr

3. Toolbar.Js

Plugin này cho phép bạn tạo ra một thanh menu theo phong cách tooltip độc đáo cho trang web hoặc ứng dụng chạy trên nền web của bạn. Bạn có thể tùy chỉnh dễ dàng các biểu tượng bằng cách sử dụng các biểu tượng trong thư viện Bootstrap. Nó cũng rất linh hoạt trong việc hiển thị trên các kích thước màn hình khác nhau cũng như điều chỉnh số lượng item dễ dàng.

9 jQuery plugin giúp cải thiện thanh menu trên website: Toolbar.Js

4. jPanelMenu

jPanelMenu sẽ tạo ra một trình đơn theo phong cách của ứng dụng di động (giống như bạn thấy các trình đơn khi sử dụng các ứng dụng FaceBook, Google trên điện thoại). Nếu bạn muốn xem cách nó hoạt động như thế nào, hãy click chuột vào biểu tượng trình đơn trên trang chủ và cảm nhận nó.

jPanelMenu

5. Intro.js

Plugin này cho phép bạn xây dựng một hướng dẫn dễ dàng trên trang web, giúp người dùng khám phá những tính năng đặc biệt trên website bằng cách tạo ra những hướng dẫn và ghi chú cho những địa điểm, thông tin bạn lựa chọn trước.

Intro.js

6. jPaginator

jPaginator là một plugin dành cho việc phân trang với nhiều tùy chọn thú vị và trực quan. Để biết thêm chi tiết, bạn hãy xem thêm demo của nó.

9 jQuery plugin giúp cải thiện thanh menu trên website: jPaginator

7. Smart Menus

Công việc của plugin này rất đơn giản: giúp menu của bạn hoạt động trên mọi trình duyệt và mọi thiết bị. Nghe thì có vẻ đơn giản như vậy, nhưng để làm được điều này những người viết plugin đã tốn rất nhiều chất xám đấy.

9 jQuery plugin giúp cải thiện thanh menu trên website: Smart Menus

8. slimMenu

slimMenu là một plugin nhẹ giúp tạo các menu đa cấp và responsive với mọi kích thước màn hình.

Bạn sẽ không cần phải nghiên cứu, đau đầu với việc thực hiện các media queries cho các thanh điều hướng nữa. Bạn cũng chẳng cần phải bổ sung thêm các plugin khác nặng nề hơn để thực hiện công việc này. Tất cả sẽ được xử lý với slimMenu có dung lượng 5Kb.

slimMenu

9. Navgoco

Navgoco sẽ đơn giản hóa một danh sách liên kết có thứ tự lồng vào nhau thành một thanh trượt dọc đa cấp đẹp mắt. Với việc sử dụng cookie, Navgoco sẽ giữ được phần tử được chọn khi chuyển trang dễ dàng.

9 jQuery plugin giúp cải thiện thanh menu trên website: Navgoco