WEB资源网

最新鲜的WEB程序员技术文档及相关资源 – Happy Life, Happy Coding!

15款非常炫酷的jQuery导航菜单

当设计一个网站的时候,最重要的就是导航菜单。它负责引导用户浏览网站的每一个部分,并且是影响用户体验最重要的一部分。所以,这里我们分享15款非常炫酷的jQuery导航菜单,帮助用户浏览网站的各种页面。

Slinky.js

Slinky.js 是一款帮助你创建层叠标题的滚动导航列表的jQuery插件。

slinky-1

jQuery.localScroll

锚点导航jQuery动画效果。

jquery-localscroll-2

visualNav

当导航目标进入屏幕时,修改导航URL并高亮菜单的一款jQuery插件。

visual-nav-3

Drawer

一款CSS3和jQuery实现的仿APP的抽屉式菜单。

drawer-4

Ascensor.js

这款插件可以帮你的网站或者APP添加键盘导航。

ascensor-5

Navgoco

多层级手风琴效果的jQuery导航菜单。

nav-6

Responsive Off-Screen Navigation jQuery Plugin

一款响应式jQuery导航菜单插件。

off-canvas-7

Stairway Hover Nav

我非常喜欢这种模式。这意味着我们不需要任何的废话,如:检测对象是否包含特定值、确保它们不是空白等。如果你为“stairs”传递一个值,那它就是最终选择对象,否则就是默认值,非常酷。

stairway-8

Responsive Mega Menu for Bootstrap 3+

为你的网站创建非常漂亮的MegaMenu导航。利用CSS3动画和小的JavaScript实现类似现代APP风格的导航菜单。

bootstrap-nav-9

Menuzord

Menuzord帮你的网站创建响应式的MegaMenu导航菜单。

menuzord-10

Easy Responsive Tabs to Accordion

简易的响应式标签页(TAB)-轻量级的jQuery插件、可定制水平或者垂直方向、手风琴样式、支持多设备。

tab-to-accordion-11

Vertical Responsive Navigation

该导航组件基于CSS和JavaScript代码。响应式、可支持移动设备、有两种主题、12种预置配色。

vertical-navigation-12

Pull-Out Content Panel

该插件简洁、专业的设计可以支持任何的网站。它可以固定在左侧或右侧、支持任何的类型的内容:标题、文本、列表、图片、视频等。当需要的时候出现自定义的滚动条,如果你添加更多的内容,你可使用无限滚动在各个面板直接切换。

sliding-menu-13

slimMenu

slimMenu是一款轻量级jQuery插件。可以创建响应式、多层级的导航。

slimmenu-14

stickUp

你可以在任何支持jQuery的页面上使用该插件。你可以非常容易的在任何页面创建任何元素,当页面滚动过之后会固定在顶部。此功能适合当你想让用户一直可以看到导航、LOGO或者联系内容的时候。

stickup-15

 

本文由 Specs 翻译整理,发布在 WEB资源网,转载请注明来源。

作者
主站点:http://9iphp.com/ 个人简介:http://me.9iphp.com