50 mẫu jQuery menu hiện đại dành cho web designer (P.1)

Thứ tư - 19/08/2015 21:21

Một thiết kế website chuyên nghiệp chắc chắn không thể thiếu thành phần là một navigation menu. Chủ đề lần này sẽ mang bạn tới với bộ sưu tập những jQuery menu plugin đáng quan tâm nhất dành cho web designer.

50 mẫu jQuery menu hiện đại dành cho web designer (P.1)

Phong cách thiết kế hiện đại, công nghệ tiên tiến của không chỉ jQuery mà còn cả HTML và CSS đã mang đến những mẫu naivgation menu mượt mà, linh hoạt và sắc nét, góp phần mang lại đẳng cấp cho thiết kế website của bạn. 

Hãy xem những plugin/mẫu navigation mà chúng tôi nói tới là những gì. 

GenieMenu Responsive Menu Generator

Menu trong thiet ke web chuyen nghiep

GenieMenu là một jQuery plugin hữu ích, nó cho phép bạn tạo ra những navigation meu cho thiết bị di động, tối ưu hóa sự thân thiện của menu với người dùng nhờ công nghệ hiện đại. 

Auto Menu Responsive

Menu trong thiet ke web chuyen nghiep

Auto Menu plugin cho phép bạn tạp menu đặc biệt dành cho heading của trang. Nó dự động scan những khu vực cụ thể mà bạn chọn và tạo một menu cho khu vực đó. 

Flex Vertical Menu

Flex Vertical Menu trong thiet ke web chuyen nghiep

Flex Vertical Menu rất dễ tích hợp và sử dụng để tạo một menu tùy chỉnh, có sẵn bảng màu cho bạn chọn với plugin này. 

Touch Menu for Web Designer

Menu trong thiet ke web chuyen nghiep

Touch Menu là một responsive jQuery Plugin cho phép bạn tạo ra menu item cao caaos, có khả năng cuộn lại và hoạt động tốt trên mọi trình duyệt, kể các các thiết bị Android và iOS.

Aviate Mega DropDown Menu Plugin

Menu trong thiet ke web chuyen nghiep

Đây là một jQuery Menu Plugin linh hoạt, hiện đại và thân thiện với các thiết bị di động. Nó có 650 phong cách font và có nhiều lựa chọn để bạn tạo ra một Drop-Down Menu độc đáo. 

CMD Bomsect Overlay Menu Styles

Menu trong thiet ke web chuyen nghiep

CMD Bomsect dễ sử dụng và thân thiện với thiết ị di động. Nó là một  full screen menu animation dễ cài đặt với 12 animation và 5 màu nền. 

Octo Sidebar Menu Template

OMenu trong thiet ke web chuyen nghiep

Octo Sidebar Menu cũng rất dễ thay đổi icon và màu sắc, font chữ. 

Fold It 3D jQuery Menu

Fold It 3D jQuery Menu trong thiet ke web chuyen nghiep

Đây là một jQuery plugin cho mọi 3D animation menu. Nó hoàn toàn thích ứng với mọi jQuery Mobile và có phong cách riêng nhờ CSS.

Lukasz Czerwinski jQuery Sidebar Menu

Lukasz Czerwinski jQuery Sidebar Menu trong thiet ke web chuyen nghiep

jQuery Sidebar Menu là ý tưởng dành cho các thiết bị di động. Bạn có thể thay đổi phong cách của nó rất nhanh theo ý muốn. 

FH Mega jQuery Menu Plugin

Menu trong thiet ke web chuyen nghiep

The FH Mega Menu được code với  Twitter Bootstrap 3.0 tiêu chuẩn và có 6 bảng màu. Nó là một thiết kế 100% responsive, chỉ cần 3 bước cài đặt đơn giản vào website. 

Kappa Sidebar Menu

Kappa Sidebar Menu trong thiet ke web chuyen nghiep

Kappa Sidebar Menu dễ đổi màu sắc, icon và font chữ theo ý muốn nhờ kho tạo sẵn trong file tải về.

AutoHide Sticky Header Menu

AutoHide Sticky Header Menu trong thiet ke web chuyen nghiep

AutoHide Sticky Header có 2 phong cách màu sắc sáng và tối. Nó cho phép bạn ẩn đi header nhờ animation đẹp mắt và cho phép hiện mọi thứ trở lại khi bạn cuộn chuột qua khu vực menu. 

Tilt 3D Metro Navigation Theme

Menu trong thiet ke web chuyen nghiep

Có sẵn plugin để tạo Metro navigation dạng lưới và title tại đây. Diện mạo của nó lấy cảm hứng từ Windows 8. 

Nuxion jQuery Responsive Menu Bar

NMenu trong thiet ke web chuyen nghiep

Nuxion jQuery là một jQuery plugin được dùng để tạo thanh navigation hiện đại. Nó hỗ trợ tạo menu linh hoạt, nhờ CSS, bạn có thể tùy chỉnh thiết kế theo ý thích.  

Beta Mobile First Responsive Menu

Beta Mobile First Responsive Menu trong thiet ke web chuyen nghiep

Beta là một responsive menu tối ưu hóa khi sử dụng các thiết bị cảm ứng. Nó có thiết kế phẳng với các link phụ gắn kèm. 

FlexiNav Flexible and Responsive Menu

FlexiNav Flexible and Responsive Menu trong thiet ke web chuyen nghiep

FlexiNav 100% là responsive menu với 3 kiểu drop down menus, các cột menu mượt mà, linh hoạt. 

Stance Mobile Navigation Menu

Stance Mobile Navigation Menu trong thiet ke web chuyen nghiep

Stance – Multilevel Mobile Navigation Menu là một ý tưởng độc đáo nhờ CSS3 và jQuery. Nó sử dụng font awesome icon, sẵn sàng hoạt động trên các thiết bị di động. 

Shik jQuery Animated Mega Menu

Shik jQuery Animated Mega Menu trong thiet ke web chuyen nghiep

Shik jQuery – Animated Mega Menu có 9 bảng mày, 2 phong cách (chữ và icon) cùng 60+ hiệu ứng animation , hỗ trợ icon, free font, dễ đổi màu, dễ đổi hiệu ứng animation. 

Menu Mobile First Responsive Menu

Menu Mobile First Responsive Menu trong thiet ke web chuyen nghiep

Menü – Mobile First Responsive Menu là plugin ưu tiên việc sử dụng trên các thiết bị di động. Dễ cài đặt và dễ tùy chỉnh với 2 phogn cách thiết kế, 6 chức năng màu sắc...

Tech Designer Responsive Vertical Menu

Tech Designer Responsive Vertical Menu trong thiet ke web chuyen nghiep

Responsive Vertical Menu dễ hiểu và dễ áp dụng, dễ tùy chỉnh và có bố cục responsive. 

His jQuery Animated Vertical Menu

His jQuery Animated Vertical Menu trong thiet ke web chuyen nghiep

His jQuery – Animated Vertical Menu có 2 phong cách, 7 bảng màu, hơn 60 hiệu ứng animation, hỗ trợ icon, thích ứng mọi trình duyệt phổ biến. 

Beti jQuery Responsive Mega Menu

Beti jquery menus Responsive Mega Menu trong thiet ke web chuyen nghiep

Beti jQuery – Responsive Mega Menu có  6 bảng màu, hơn 60 hiệu ứng animation, hơn 360 icon được hõ trợ, free font và rất dễ đổi màu. 

Hyder Simple Hidden Navigation

Menu trong thiet ke web chuyen nghiep

Hyder Simple Hidden Navigation có cả phiên bản với màu sáng và tối, nó cung cấp menu ẩn với file HTML5/CSS3 và JavaScript. Hỗ trợ hoạt động trên mọi trình duyệt, sử dụng font awesome. Một thanh menu tốt điều hướng cho một style thiết kế web nhà hàng hay khách sạn đẹp, một mẫu web đẹp là một mẫu có navigation tốt, chúc bạn thành công nhé.

Tác giả bài viết: Phùng Thanh Hằng
Nguồn tin: Ngôi Sao Số Web & Brand Solutions