资讯频道 → Web前端
阅读更多

14顶
0踩

Web前端

翻译新闻 37个超级棒的 jQuery菜单插件

2012-03-22 15:01 by 正式编辑 nemohq 评论(8) 有36034人浏览
jQuery javascript
导航是网站设计最重要的元素之一。一个优秀的导航菜单要简洁易用，方便用户。而用jQuery菜单插件制作出来的动态导航则能很好的满足这一点。jQuery是一个轻量级的JavaScript框架，兼容CSS3以及各种浏览器，同时还有许多成熟的插件可供选择，能给用户带来更好的使用体验。本文整理了37个优秀的jQuery菜单插件，用以帮助你创建更好的导航菜单。

1、用jQuery和CSS创建的Mac风格的菜单


如果你是一名标准的Mac迷，你一定会喜欢这个菜单。它有两处停靠的位置：顶部和底部。

2、超级菜单包


超级菜单包里包含了10个效果很酷的菜单，其中有5个是全部用CSS写出来的。对于那些想要拥有一次特殊设计体验，或者寻求全新起点的设计师来说，它堪称完美。

3、LavaLamp


LavaLamp是一个简单易用的jQuery插件，可以让你创造出效果惊人的水平导航条。让人高兴的是，这很容易实现。

4、Quick & Pro菜单


Quick & Pro菜单插件可以创建带有特殊风格的jQuery大型菜单，这在网站设计中很少见，不过，却很容易让用户快速得知网站的大量信息。

5、Superfish jQuery菜单插件



Superfish 是一个专门用于菜单上的jQuery插件。

6、菜单制作者


这是一段JavaScript代码，为你提供一个具有友好界面的工具，此工具用圆角和流畅的动画帮助你创建导航菜单。制作导航菜单从未像这样简单。你所要做的仅仅是拖动滚动条来调整菜单的属性。

7、快速访问菜单


轻松定制，易于集成，并可以快速访问你的网站。是适用于网站设计的最小的设计方案。

8、Sticklr——用CSS3和jQuery实现的固定侧边栏


灵感来自Envato站点的切换工具，这里有一个很有用的固定侧边栏，用CSS实现后并经由jQuery增强了这一效果。

9、Puffer Fish式的导航


带有悬停发光效果的导航插件。

10、滑动标签——jQuery插件


滑动标签是一款为你的网站创建水平或垂直动画标签的jQuery插件。你可以在一个页面上实现多个标签实例，而且可以用CSS实现任何你定制的标签。这款插件有很多定制的选项，使得它灵活易用，易于满足你的定制需求。

11、垂直滑动的jQuery菜单



毫无疑问，你的客户一定会喜欢它。更妙的是，本教程也将教你如何用Photoshop来设计此类菜单。

12、Sherpa | 完整的导航系统


Sherpa汇聚了每个页面都必不可少的三个主要导航元素：导航栏、侧边栏和固定页脚。

13、向下滑动菜单


这个创意是当缩略图弹出时，菜单选项像盒子一样滑出。对于一些菜单选项，我们还容纳一个子菜单来添加一些链接。子菜单是从左边还是从右边滑出，这取决于鼠标放在哪一个菜单选项上。

14、Memu——一个简单的的CSS / JavaScript / jQuery的菜单


一个小而实用的jQuery插件。

15、下拉式菜单


有了这个脚本，你可以制作美观且互动性良好的下拉菜单。这个脚本的好处是，你不仅可以制作下拉列表菜单，也可以使用一个div标签作为下拉元素。

16、用JavaScript写出超大水平菜单


17、Ninja UI


18、超大的菜单设置


通过10多个jQuery效果和13种颜色中的一种来创建这种独特的菜单，而这一效果可以由巨型下拉菜单设置完美的实现。 

19、图片悬停移动


一个简单实用的导航插件。

20、jQuery One Page 导航插件


有了这个插件，当导航被点击时页面翻转的更平滑。它还可以根据翻转的内容自动突出正确的导航区域。

21、固定页脚


这里使用jQuery只为增强网页特效的效果。

22、Asura jQuery Footer


Asura jQuery式的页脚是一个高度可定制的固定页脚。它可以让你更自由地在网页底部放置内容。

23、Dropp


Dropp是一个可以用来取代常规下拉菜单的jQuery插件。

24、jMenu


jMenu是一个我们可以用来创建带有无限制子菜单水平导航的jQuery插件。菜单中的标记显得很干净，因为它使用嵌套列表。

25、skinableTabs


skinableTabs是一个不显眼的jQuery插件，它允许你用美观的标签来凸显网站的内容。

26、地铁地图可视化的jQuery插件


这个插件把无序的列表嵌入到一张类似于伦敦地下地图风格的地铁地图里。

27、MobilyBlocks


MobilyBlocks插件允许你将无序列表创建成一个类似于圆圈的样式。

28、mb.verticalSlider


29、infiniScroll


30、jQCloud


jQCloud允许你创建整齐的云形字和云形的标签。由于这个插件产生纯HTML代码，这种云形字的布局可以很容易地通过传统的CSS样式自定义方式来实现。

31、jQuery Stepy——一个魔幻般的插件


32、使用jQuery的手风琴式菜单


33、jQuery菜单选择器


这个插件通过本地路径来激活菜单选项。

34、FooBar——一个jQuery式的通知栏


Foobar的是一个位于页面顶部的通知栏，它简洁且不显眼，当用户访问时，用以告知或公布网站信息。

35、无尽的自动浏览


当运行在一个DOM元素上的时候，倘若用户浏览到此元素的底部，这个插件将扩展此元素并自动填充内容。内容是通过Ajax来获取的，插件使用本地存储来保持高速缓存。

36、jQuery Context Menu


ContextMenu是一个轻量级的jQuery插件，可以让你选择性地覆盖浏览器的右键菜单。

37、jCrumb


jCrumb是一个jQuery 插件，可以让你添加一些琐碎的消息到任何一个Web页里，而不必担心站点地图的问题。

英文原文：35+ Useful jQuery Menu Plugins.
  • 大小: 19.7 KB
  • 大小: 30.1 KB
  • 大小: 37.6 KB
  • 大小: 21.8 KB
  • 大小: 49 KB
  • 大小: 38.4 KB
  • 大小: 43.8 KB
  • 大小: 43.6 KB
  • 大小: 18.9 KB
  • 大小: 51.5 KB
  • 大小: 14.6 KB
  • 大小: 64 KB
  • 大小: 29.3 KB
  • 大小: 29.9 KB
  • 大小: 36.7 KB
  • 大小: 45.5 KB
  • 大小: 47.9 KB
  • 大小: 54.1 KB
  • 大小: 41.7 KB
  • 大小: 75.2 KB
  • 大小: 25.7 KB
  • 大小: 33.1 KB
  • 大小: 32.4 KB
  • 大小: 33.8 KB
  • 大小: 51.3 KB
  • 大小: 47.1 KB
  • 大小: 17.5 KB
  • 大小: 40.3 KB
  • 大小: 30.5 KB
  • 大小: 29.3 KB
  • 大小: 45.2 KB
  • 大小: 37.3 KB
  • 大小: 41.8 KB
  • 大小: 50 KB
  • 大小: 24.1 KB
  • 大小: 31.1 KB
  • 大小: 40.4 KB
14
顶
0
踩
评论 共 8 条 请登录后发表评论
8 楼 ehuangmy 2013-04-07 00:01
强大又灵活的jquery
7 楼 qq138744 2012-04-04 09:07
     
6 楼 jieke456 2012-03-25 23:48
jquery的插件实在是太多了 不行昂extjs 都集成好了 有点麻烦
5 楼 nemohq 2012-03-23 17:52
379548695 写道
Sticklr - Sticky Side Panel CSS3 + jQuery Plugin这个东西谁有代码？或者文档的？

小编也很想要它的源码或文档，可这个是收费的。有文档的分享一下啊！
4 楼 379548695 2012-03-23 17:38
Sticklr - Sticky Side Panel CSS3 + jQuery Plugin这个东西谁有代码？或者文档的？
3 楼 allloveend 2012-03-23 12:07
上次看到这个帖子的时候，我还是处男
2 楼 mengyancui 2012-03-22 16:13
   
1 楼 hehongwei44 2012-03-22 15:37
jquery威武

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 计算机字体库位置,win7电脑的字体库在哪里？

    谁都知道，在咱们的w764位旗舰版下载中，系统默认配置的字体是有很多的，关于这个，大家可以双击打开win7旗舰版电脑中的word文档，然后在这里选择字体，大概就可以看到咱们的win7旗舰版电脑中安装有多少的字体了。...

  • w ndows7放大字体,Windows7字体变大的两个解决方法

    朋友发现他的Windows7操作系统的字体都变大了，无论是菜单还是应用程序，甚至桌面和任务栏的图标文字都显示的字体比以前都大了不少，造成了很多错位。怎么样将字体变小更改回原来的大小呢？其实可能有多种可能性，...

  • win7加速

    《Windows7开机加速全攻略》全集 《Windows7开机加速全攻略》全文导航 ...Windows7开机加速全攻略四：系统字体清理 Windows7开机加速全攻略五：系统服务优化 Windows7开机加速全攻略六：注册表...

  • WIN7服务优化，别关太多，小心启动不

    原文链接地址：...该服务的默认运行方式是手动，如果你没有使用触摸屏一类的智能调节屏幕亮度的设备，该功能就可以放心禁用。 目标路径：\Windows\...

  • win7 系统服务详解及设置参考

    Win7的新增特性均会使用这个服务，如果设置成禁用可能会激活win7的保护功能，导致系统的部分功能不可用。强烈建议开启设为自动。 //Windows/system32/SLsvc.exe SPP Notification Service 为软件证书激活...

  • Win7开机加速全攻略四：系统服务优化

    网络中流传的方法也很多，本站为大家整理了一些加快Windows 7系统的开机速度的方法，在接下去的几天中，将陆续分期发布，本专题包括序章和开机原理、优化设置、字体清理、服务优化、注册表清理、自启动管理、特效与...

  • win7系统服务

    该服务的默认运行方式是手动，如果你没有使用触摸屏一类的智能调节屏幕亮度的设备，该功能就可以放心禁用。 Application Experience 在应用程序启动时为应用程序处理应用程序兼容性缓存请求。 该服务的默认运行...

  • Win7系统服务优化完全攻略

    Technorati 标记: windows7,系统服务,优化 前文提到Windows系统启动的原理，其中加载各项系统服务是影响系统启动时间的重要因素，之前软媒在Win7之家（http://www.win7china.com/）和Vista之家...

  • win7 开机优化系列-中篇

    五、Win7系统服务优化攻略 　前文提到Windows系统启动的原理，其中加载各项系统服务是影响系统启动时间的重要因素，之前软媒在Win7之家（www.win7china.com）和Vista之家（www.vista123.com）上都写过类似的服务...

  • 【Pygame实战】只有一个币，投《勇者大冒险》还是《街霸》?（经典复刻，谁的青春回来了？）

    if self.is_die: self.die_max_draw_count -= 1 # ⑥ # 如果boss死亡 加载win的画面 if self.die_max_draw_count(view_manager.win[0], (0, 0)) pygame.display.flip() while True: for event in pygame.event.get...

  • [转]WIN7服务一些优化方法

    Win7的服务，手动的一般不用管他，有些自动启动的，但对于有些用户来说是完全没用的，可以考虑禁用。Adaptive Brightness监视氛围光传感器，以检测氛围光的变化并调节显示器的亮度。如果此服务停止或被禁用，显示器...

  • Windows7系统服务详解

    1、了解 Windows 7 服务的基础知识 　与Windows XP和Windows 2003才七十多个服务相比，到Windows 7时代，系统已经...　当然，在Windows 7 的各个版本中，启动默认加载的服务数量是明显不同的，功能最多的是Ultim

  • 大学计算机基础笔记

    目录 第一章：计算机基础 第二章 操作系统Windows7 第三章：Word 第四章 Excel电子表格软件 第五章 演示文稿软件 第六章 计算机网络 第7章 多媒体技术 标题第一章：计算机基础 1.1.1计算机诞生 1.世界上第一台电子...

  • ym——android源码大放送（实战开发必备）

    │ listview快速滑动，修改默认的滑动条.rar │ ListView滚动气泡提示.rar │ listview获取网络图片缓存优化.zip │ 一个ExpandableListView的例子，实现多级菜单分类展示.rar │ 三种ListView下拉刷新的...

  • Android源码大放送（实战开发必备）

    Android源码大放送（实战开发必备）文件夹 PATH 列表│ javaapk.com文件列表生成工具.bat│ 使用说明.txt│ 免费下载更多源码.url│ 目录列表.txt│ ├─android web应用│ jqmDemo_static.zip│ jqmMobileDemo-...

  • Windows7开机加速全攻略

    -------《Windows7开机加速全攻略》...系统字体清理 Windows7开机加速全攻略五：系统服务优化 Windows7开机加速全攻略六：注册表清理压缩 Windows7开机加速全攻略七：开机加载软件管理 Windo

  • Suno AI Download 免费下载Suno AI 音乐

    网站描述：Sunoaidownload——从分享链接中轻松下载Suno AI生成的歌曲文件 内容概要： 这是一个专门提供Suno AI生成的歌曲文件下载服务的网站，用户可以通过分享链接轻松获取所需文件。本网站提供高质量、多样化的音乐资源，满足不同用户的需求。 适用人群： 该网站适用于所有热爱音乐、需要音乐素材的用户，特别适合音乐创作者、音乐爱好者、学生、教师等人群使用。 使用场景： 该网站的使用场景非常广泛，具体包括以下几个方面： 1. 音乐创作：音乐创作者可以使用本网站提供的歌曲文件进行创作，丰富作品内容，提升作品质量。 2. 音乐学习：学生和教师可以使用本网站的歌曲文件进行音乐学习，提高音乐素养和技能。 3. 娱乐休闲：普通用户可以使用本网站的歌曲文件进行放松、娱乐和休闲，享受音乐带来的愉悦。 其他说明： 本网站提供高速、稳定的下载服务，确保用户能够快速获取所需文件。同时，我们注重版权保护，只提供合法授权的歌曲文件，避免侵犯他人权益。为了更好地服务用户，我们不断优化网站功能和用户体验，欢迎提出宝贵意见和建议。此外，为了保障用户数据安全，我们采取了先进的安全措施。

  • 基于Python的Django配置Celery设计源码

    本项目是基于Python的Django配置Celery设计源码，包含20个文件，其中主要包含17个py源代码文件。系统采用了Python编程语言，实现了Django配置Celery的功能。项目结构清晰，代码可读性强，易于理解和维护。

  • 物联网嵌入式ESP32开发例程05-FreeRTOS操作系统之时间片调度C程序代码.rar

    1、嵌入式物联网ESP32项目实战开发。例程经过精心编写，简单好用。 2、代码使用Visual Studio Code + ESP-IDF开发，C语言编程。例程在ESP32-S3上运行。若在其他型号上运行，请自行调整。 3、如果接入其他传感器，请查看发布的其他资料。 4、ESP32与模块的接线，在代码当中均有定义，请自行对照。 5、若硬件差异，请根据自身情况适当调整代码，程序仅供参考。 6、代码有注释说明，请耐心阅读。 7、技术v：349014857;

  • 华为IPMS流程优化策略glz.pptx

    华为IPMS流程优化策略glz.pptx

Global site tag (gtag.js) - Google Analytics