15款帮助你实现响应式导航的 jQuery 插件

简介:   对于我们大多数人来说,建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案,您可以使用的菜单设计风格将取决于正在建设的网站类型。   无论你正在建设什么类型的网站,在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件,为您提供方便快速的解决方案。

  对于我们大多数人来说,建立一个负责任的布局中最困难的方面是规划和导航的实现。由于没有真正经得起考验的通用解决方案,您可以使用的菜单设计风格将取决于正在建设的网站类型。

  无论你正在建设什么类型的网站,在这篇文章中我们将向推荐一批制作响应式导航的 jQuery 插件,为您提供方便快速的解决方案。

您可能感兴趣的相关文章

 

Sidr

Sidr is an easy to use jquery plugin that will create a responsive Facebook-a-like side menu

Sidr 是创建侧栏和响应式菜单的最佳 jQuery 插件,提供了多种菜单的显示方案。

Sidr →GitHub →

Navgoco

Navgoco is a simple  plugin that can turn a nested unordered list of links into a beautiful vertical multi-level slide navigation

Navgoco 是一个简单的插件,可以把一个链接嵌套无序列表转换成一个美丽的立式多级滑动导航,通过使用 Cookie 以及可选担任手风琴菜单来保存会话之间扩展子菜单的能力。

Navgoco →GitHub →

FlexNav

FlexNav is a mobile-first example of using media queries and jQuery to make a robust drop-down menu

FlexNav 是使用媒体查询和 jQuery 来实现健壮的下拉菜单。这是一个“设备无关的方法来实现复杂的网站导航,提供触摸和键盘可访问性支持”。

FlexNav →GitHub →

SmartMenus

The SmartMenus jquery plugin will create a horizontal or vertical responsive and accessible list-based menu

 SmartMenus是一个功能丰富的插件,用于创建水平或垂直响应的,基于列表的菜单。

SmartMenu →GitHub →

jQuery Menu Aim

jQuery Menu-Aim is a plugin for dropdown menus that can differentiate between a user trying hover over a dropdown item vs trying to navigate into a submenu

Menu-Aim 可以通过一个下拉项悬停试图导航到一个子菜单的内容。这个问题是使用超时和延时通常解决。通过检测用户的鼠标移动的方向来解决这个问题。导航向上和向下的菜单时,这可以使更快的转换。

jQuery Menu Aim →

jPanelMenu

jPanelMenu is a jQuery plugin that creates an animated paneled-style menu

jPanelMenu 这个 jQuery 插件,创建一个动画镶板式菜单(像出现在Facebook和谷歌的移动版本的类型)。动画是通过CSS转换,如丝般柔滑。

jPanelMenu →GitHub →

Flaunt.js

Flaunt.js is a plugin that allows you to create a responsive nested navigation

Flaunt.js 这款插件允许你创建一个具有响应性,嵌套的导航,开箱即用。

Flaunt.js →

TinyNav.js

TinyNav.js is a lightweight plugin that converts ul and ol menus into a select dropdown

TinyNav.js 是一个轻量级的插件,用于转换<UL>和<OL>为下拉的菜单。。

TinyNav.js →GitHub →

HorizontalNav

The HorizontalNav plugin will span a horizontal navigation to fit the full width of its container

HorizontalNav 插件将跨越一个横向导航,以适应全宽它的容器,并配备了一个选项,可以控制是否开启响应式支持。

HorizontalNav →GitHub →

jQuery.mmenu

jQuery.mmenu is a plugin for creating slick app look-alike sliding menus

jQuery.mmenu 是一个插件,用于创建光滑,为你的移动网站创建和应用程序极为相象的滑动菜单。

jQuery.mmenu →

您可能感兴趣的相关文章

 

本文链接:15款帮助你实现响应式导航的 jQuery 插件

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0
|
3月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript 前端开发
jquery实现二级导航下拉菜单效果实例
jquery实现二级导航下拉菜单效果实例
19 0
|
3月前
|
JavaScript 数据可视化 前端开发
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
jQuery-JS插件-第9次课-使用插件让领导对你刮目相看-附案例作业
19 0
|
3月前
|
JavaScript 前端开发
开发jQuery插件这些就够了
开发jQuery插件这些就够了
26 0
|
8月前
|
JavaScript
jQuery编写插件的两种方法
jQuery编写插件的两种方法
57 0
|
4月前
|
JavaScript 前端开发 安全
jQuery 第十一章(表单验证插件推荐)
jQuery 第十一章(表单验证插件推荐)
54 1
|
5月前
|
JavaScript 前端开发
jquery导航选中按钮颜色变化
jquery导航选中按钮颜色变化
30 0
|
5月前
|
JavaScript
jQuery年月日(年龄)选择插件
jQuery年月日(年龄)选择插件
28 0