当设计一个网站的时候,最重要的就是导航菜单。它负责引导用户浏览网站的每一个部分,并且是影响用户体验最重要的一部分。所以,这里我们分享15款非常炫酷的jQuery导航菜单,帮助用户浏览网站的各种页面。
Slinky.js
Slinky.js 是一款帮助你创建层叠标题的滚动导航列表的jQuery插件。
jQuery.localScroll
锚点导航jQuery动画效果。
visualNav
当导航目标进入屏幕时,修改导航URL并高亮菜单的一款jQuery插件。
Drawer
一款CSS3和jQuery实现的仿APP的抽屉式菜单。
Ascensor.js
这款插件可以帮你的网站或者APP添加键盘导航。
Navgoco
多层级手风琴效果的jQuery导航菜单。
Responsive Off-Screen Navigation jQuery Plugin
一款响应式jQuery导航菜单插件。
Stairway Hover Nav
我非常喜欢这种模式。这意味着我们不需要任何的废话,如:检测对象是否包含特定值、确保它们不是空白等。如果你为“stairs”传递一个值,那它就是最终选择对象,否则就是默认值,非常酷。
Responsive Mega Menu for Bootstrap 3+
为你的网站创建非常漂亮的MegaMenu导航。利用CSS3动画和小的JavaScript实现类似现代APP风格的导航菜单。
Menuzord
Menuzord帮你的网站创建响应式的MegaMenu导航菜单。
Easy Responsive Tabs to Accordion
简易的响应式标签页(TAB)-轻量级的jQuery插件、可定制水平或者垂直方向、手风琴样式、支持多设备。
Vertical Responsive Navigation
该导航组件基于CSS和JavaScript代码。响应式、可支持移动设备、有两种主题、12种预置配色。
Pull-Out Content Panel
该插件简洁、专业的设计可以支持任何的网站。它可以固定在左侧或右侧、支持任何的类型的内容:标题、文本、列表、图片、视频等。当需要的时候出现自定义的滚动条,如果你添加更多的内容,你可使用无限滚动在各个面板直接切换。
slimMenu
slimMenu是一款轻量级jQuery插件。可以创建响应式、多层级的导航。
stickUp
你可以在任何支持jQuery的页面上使用该插件。你可以非常容易的在任何页面创建任何元素,当页面滚动过之后会固定在顶部。此功能适合当你想让用户一直可以看到导航、LOGO或者联系内容的时候。