35个实用jQuery制作菜单插件


jquery-menu-plugin

 

使用jQuery的菜单插件

您的网站访客可能希望有最好的和最有活力的导航。 jQuery是一个轻量级,跨浏览器兼容的,令人难以置信非常强大的JavaScript框架(库),,强调并简化JavaScript,CSS和 HTML之间的交互。使用jQuery,你可以改变的外观,让访客感觉你的网站非同寻常的,它比你想象的更容易。这样您提供了不同的和非常动感的外观和视 觉,用户通常会喜欢的。导航是在网页设计中最重要的元素之一。整齐的,实用的和富有创造性的同时,让访客流连忘返。 jQuery是一个最有力的工具,以提高您的导航,并使其脱颖而出。这篇文章将综述一些清新凉爽的jQuery菜单插件,这将使你的菜单看起来很棒。请发 表评论,如果我错过了一些。另外,还要考虑其他jQuery功能和插件,如jQuery的图像缩放。我们最近更新了新的jQuery菜单插件文章,并删除 已损坏的链接。这里我们向您搜集了35个精美的基于jQuery的菜单插件。

1. Mac Style Dock Menu in jQuery and CSS

 

css-dock-menu

如果你是一个大苹果迷,你会爱上这个CSS菜单。它配备了两个位置:顶部和底部。

更多信息 / 在线演示 (free jQuery plugin)

2. Super menu pack

super-menu-pack

超级菜单组是10个酷的菜单组合,纯CSS中的5和5自定义或你的网站或应用程序和项目的布局,与使用jQuery框架的集合。

给一个特殊的触摸到他们的设计中找到了切入点。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

3. Metro Flexible Navigation

metro-flexible-jquery-navigation-plugin

Metro Flexible Navigation是一个简单,干净的网格布局,与新的Windows 8界面很像。它可以进行定制,以水平或垂直铺设。它的滚动和拖动可以在相同的时间和包含有用的滑动控制。图标是可以改变的,有一个可用的大集合。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

4. Quick & Pro Menu

quick-pro-menu

Quick & Pro Menu 创建一个特殊风格的jQuery的的大型菜单,这是只有很少的网站,但真的很酷让游客快速访问大量的信息

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

5. Superfish jQuery menu plugin

superfish

Superfish 是一个jQuery插件,特别是专用的菜单。它可以让你可以实现的,如HTML和CSS悬停支持IE6,动画,键盘可访问性和许多改进。

更多信息 / 在线演示 (free jQuery plugin)

 

转自ToolsCreator.com

6. Menu Maker CSS3 jQuery

menu-maker-css3-jquery

这是一个JavaScript代码,给你一个友好的一个搜索输入框的圆角和流畅的动画导航菜单栏的工具。导航菜单从未如此简单。所有你必须做的是拖动滑动条来改变菜单的属性。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

7. jQuery Push Menu

这是一个很酷的手机准备的大型菜单插件。这是伟大的特色,例如在导航区域的图像和文字的关键产品。这是很容易进入的大型菜单中嵌入视频/图片/表格

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

8. QuickAccess Menu

QuickAccess-Menu

Easily customizable, 易于集成和提供快速访问到您的网站。该代码是灵活的,。简约的设计,创造和谐,以适应您的网站。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

9. Sticklr – Sticky Side Panel CSS3 + jQuery Plugin

sticklr-sticky-side-panel-css3-jquery-plugin

Inspired by Envato site-switcher, 这里是一个有用的粘边与CSS面板,大大提高了使用jQuery。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

10. Puffer Fish Navigation

01_jquery_nav

Rollover navigation with a glow.

更多信息 / 在线演示 (free jQuery plugin)

11. Sliding Tabs – jQuery Plugin

sliding-tabs-jquery-plugin

Sliding Tabs 是一个jQuery插件,为您的网站用于创建水平和/或垂直的动画标签。您可以在一个页面上有多个实例的标签,并对其进行自定义以任何方式与CSS。该插件自带的很多定制选项,使得它非常灵活,易于定制您的需求。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

12. Nice Tree – JQuery Tree Plugin

An easy to install JQuery Plugin that 大多数用户更多的选择比以往任何时候都需要。这个插件把你的HTML,并把它变成一个可折叠的菜单系统在无尽的菜单中。兼容主要的浏览器,如 Chrome,苹果Safari,Firefox和IE浏览器。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

13. vertical sliding JQuery menu

image

Your clients will love it, 这是毫无疑问了。更妙的是,本教程也将教你如何使用Photoshop的菜单设计那种。

更多信息 / 在线演示 (free jQuery plugin)

14. Sherpa | Complete Navigation System

sherpa-complete-navigation-system

As the name suggests, Sherpa 是所有的导航需求的整体解决方案。夏尔巴人带来了三个主要的导航元素的每一个接口 – 导航栏,侧边栏和粘页脚。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

15. Slide Down Menu

slide-down-jquery-navigation-menu-plugins

我们的想法是让一个盒子里滑出的菜单项,在弹出的缩略图。我们也将包括一些进一步的链接的菜单项的子菜单框,向左滑动,或徘徊的菜单项。

更多信息 / 在线演示 (free jQuery plugin)

16. Memu – A simple CSS / JavaScript / JQuery Menu

memu-jquery-navigation-menu-plugins

A small, 这是很容易使用的。这是一个“菜单,可以使用或不使用JQuery的。这个脚本有什么特别的,是包括的插件jstorage.js(这是一些令人惊讶的工 作,顺便说一句)存储当前的项目。因此,如果你浏览周围,选定的项目将保持突出显示。这便饶你一些服务器端的代码。通过点击菜单中的“文件” – >“新建”,您可以试试这个。

更多信息 / 在线演示 (free jQuery plugin)

17. JQuery Slick Menu

JQuery Slick Menu是一个不错的,可配置的动画菜单为您的网站有很多的配置选项。这是完全遵循W3C在移动设备上,例如和正常工作iPhone和iPad。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

18. Drop Menu

drop-menu

有了这个脚本,你可以很好的和互动的下拉菜单。该脚本的好处是,它不仅给你的能力,使列表下拉菜单。您也可以使用一个div作为下拉元。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

19. Javascript Huge Horizontal Menu

javascript-huge-horizontal-menu

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

20. Ninja UI

ninja-ui-jquery-navigation-menu-plugins

Ninja user interface熟练掌握JavaScript和CSS的技术,直到网络忍术的艺术!

更多信息 / 在线演示 (free jQuery plugin)

21. Mega Menu Complete Set

mega-menu-complete-set

This Mega Drop Down Menu Complete Set为创造独特的菜单,其中的10+ jQuery效果和13个颜色的变种之一是完美的。根据自定义的网格上,该菜单允许你组织你的内容排版的例子,如标题,列表,图片造型,表格,表单元素等 大量的列(从1到12)

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

22. Image Hover Move

image-hover-move-jquery-navigation-menu-plugins

A simple and practical navigation or featured image jQuery plugin.

更多信息 / 在线演示 (free jQuery plugin)

23. jQuery One Page Navigation Plugin

one-page-jquery-navigation-menu-plugins

有了这个插件,你会平滑的点击导航页面(滚动)。它还可以自动突出,这取决于部分滚动到正确的导航部分。

更多信息 / 在线演示 (free jQuery plugin)

24. Sticky Footer

sticky-footer

This Sticky Footer 可以包含任何类型的内容,就可以使用在您的网站。您可以建立自己的菜单,并使用从1到12列显示您的内容。

缓慢下降,如果禁用JavaScript,jQuery效果只用于增强。它有两种类型:固定宽度以适合你的布局宽和全宽在整个视口宽度。
 

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

25. Asura jQuery Footer

asura-jquery-footer

Asura jQuery Footer是一个高度可定制的粘页脚。它为您提供了更多的自由为你的底部内容。

更多信息 by codecanyon (premium jQuery plugin)

转自ToolsCreator.com

26. Dropp

dropp-jquery-navigation-menu-plugins

Dropp 是一个jQuery插件,它取代了常规的的下拉菜单(<SELECT>元素)的替代品,你可以自定风格。

更多信息 (free jQuery plugin)

27. jMenu

jMenu

jMenu是一个jQuery插件,使我们能够创建水平导航,无限的子菜单。除了jQuery的,它也需要jQuery的用户界面,并支持所有的效果。标记的菜单是很干净的,因为它使用嵌套列表。

更多信息 / 在线演示 (free jQuery plugin)

28. skinableTabs

skinable-tabs

skinableTabs是一个不显眼的jQuery插件,允许你组织你的内容吸引力剥皮的标签。

您可以使用skinableTabs与多个位置,外观和过渡效果。您可以自定义的外观在一个专用的CSS文件中的任何皮肤。

更多信息 / 在线演示 by codecanyon (premium jQuery plugin)

29. Subway Map Visualization jQuery Plugin

subway-map-visualization-jquery-navigation-menu-plugins

 

更多信息 / 在线演示 (free jQuery plugin)

30. MobilyBlocks

mobily-blocks-jquery-navigation-menu-plugins

MobilyBlocks plugin允许你简单地创建一个无序列表作为一个令人印象深刻的和时尚的动画圈。

更多信息 / 在线演示 (free jQuery plugin)

31. mb.verticalSlider

vertival-slider

jquery.mb.verticalSlider 让你展现长元素列表管理分页,它可以处理元素已经在你的页面的DOM或在需要的时候通过ajax加载它们。

更多信息 / 在线演示 (free jQuery plugin)

32. infiniScroll

infinite-scroll

“infiniScroll” 编写jQuery插件。 这适用于博客文章…但就适合任何滚动来获得更多的数据。就像Twitter.com,Facebook状态信息等。

更多信息 / 在线演示 (free jQuery plugin)

33. jCrumb

jcrumb-jquery-navigation-menu-plugins

JCrumb 是一个JQuery插件,可以即时添加到任何网页上面包屑而不需要担心站点地图,或服务器端语言。

更多信息 / 在线演示 (free jQuery plugin)

34. jQuery Stepy – A Wizard Plugin

stepy-wizard-jquery-navigation-menu-plugins

jQuery Stepy 是一个基于FormToWizard插件生成一个可定制的向导。

更多信息 / 在线演示 (free jQuery plugin)

35. Accordion Menu using jQuery

jquery-7-500x250

更多信息 / 在线演示 (free jQuery plugin)

36. jQuery Context Menu

jquery-16-500x250

ContextMenuis a lightweight jQuery plugin that lets you selectively override the browser’s right-click menu with a custom one of your own.

更多信息 / 在线演示 (free jQuery plugin)

37. Autobrowse Endless Scroller

autobrowse-endless-scroller-jquery-navigation-menu-plugins

When run on a DOM element, this plugin will make the element grow and fill its content automatically when the user scrolls to the bottom of the element. The content is fetched via ajax, and the plugin keeps a cache using local storage.

更多信息 / 在线演示 (free jQuery plugin)

38. Lavalamp

image

Lavalamp is a simple, ready to use JQuery plugin which allow you to create a stunning effect over your horizontal navigation bars. Nice to see, easy to implement.

更多信息 / 在线演示 (free jQuery plugin)

转自 ToolsCreator.com

转载于:https://www.cnblogs.com/kasonzhao/archive/2012/11/04/2754287.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值