除了直观的界面效果外,炫酷的网站导航菜单或右键菜单也能为访问者带来眼前一亮的感觉。本文为你带来10个非常酷的基于jQuery的菜单效果插件。
1. 右击菜单
一个创建右击菜单的插件,简洁且易用。
源码/演示
2. jQuery多级菜单——FX CSS菜单与子菜单
使用CSS创建菜单,使用JavaScript展示效果。特点如下:
- 跨浏览器,兼容所有浏览器(包括IE6)。
- 效果:在鼠标经过和子菜单展开时,具有平滑的淡入淡出效果。
- 易于设置:简单的、用于无限级别菜单项目的嵌套无序列表。
源码/演示
3. jQuery菜单效果插件
另一个jQuery插件,通过它设计人员无需编写代码,即可创建动态的菜单效果。该插件为设计师提供了非常特别的效果。
源码
/ 演示
4. 引人注目的jQuery菜单淡入淡出效果
这不仅仅是一个简单的淡入淡出效果,它需要大量的CSS和图像,但效果非常漂亮。
源码
/ 演示
5. 使用jQuery创建一个滑动菜单
你是否想将曾经看过的优秀的jQuery导航据为己有?现在,你也可以实现它们,只需创建一个菜单,然后使用一些滑动效果让它动起来。
源码
/ 演示
6. 基于jQuery的动画菜单
了解如何创建一个动画菜单(和Dragon Interactive网站
的菜单非常相似)。
源码
/ 演示
7. 基于jQuery的叠加效果菜单
创建一个简单的菜单,鼠标悬停在它上面时,网页中其他元素的颜色都会暗下来。菜单部分将醒目显示,并展开子菜单。该效果使用jQuery创建。
源码
/ 演示
8. 淡入淡出菜单
在本教程中,将学习如何创建淡入淡出效果菜单。
源码
/ 演示
9. 使用jQuery实现逼真的悬停效果
为图标链接添加一个上升的悬停效果,通过jQuery,该效果还可以在有反光和阴影的图标上实现。
源码
/ 演示
10. 滑动的顶部菜单
滑动菜单在一些空间有限的页面中非常实用。这是一个滑动的顶部菜单,可以通过开/关按钮或任何与类名相关的标签来控制滑出/隐藏。
源码
/ 演示
英文原文:http://www.jquery4u.com/menus/10-jquery-cool-menu-effect-plugins/
分享到:
相关推荐
菜单,jQuery弹性展开收缩菜单插件 jQuery弹性展开收缩菜单插件
基于jquery的鼠标右键菜单插件,修改方便,适用于一般项目中
基于网上的jquery contectmenu插件进行修改,采用ul和li布局,支持菜单单击事件和动态禁用/启用菜单。
一个基于jquery 实现的mbMenu 1.5 菜单插件源码例子
今天我们就来分享一些基于jQuery的手风琴图片和菜单插件,并提供源代码下载,一起来看看吧。 1、jQuery横向手风琴图片展示插件 今天我们要来介绍一款非常酷的jQuery插件,它是一款横向的手风琴图片展示切换插件,每...
基于jQuery的很酷的弹出层效果js插件 基于jQuery的可爱T恤折叠和展开效果的实现代码 基于jQuery的类似旋转木马的3D分享按钮效果的实现代码 基于jquery的利用z-index实现的多图层叠展示效果的代码 基于jquery的模拟...
Bootstrap Context Menu是一款非常实用的基于Bootstrap的jQuery右键上下文菜单插件。该右键菜单插件可以在多种元素上触发,也可以配合Font Awesome字体图标一起使用,非常的方便。
半圆扇形的网页个性菜单,基于jQuery插件实现,兼容IE6浏览器,鼠标点击那些圆形按钮,菜单整体会旋转,菜单中心会显示二级子菜单,本菜单运行了jquery技术,兼容IE6浏览器,各方面都表现不错哦。
花生米AJAX-UI系列之:基于JQUERY的GooMenubar工具栏类UI控件0.1版 特点: 可定义四个边框有没有显示 可以enable或者disable一个按钮(这时按钮无法点击了) 工具栏中按钮的图标、文字、点击时触发的事件方法都是...
jQuery地区树型菜单选择插件(梅花雪),梅花雪基于jQuery 的树型地区菜单选择插件(全国三级省市县地区),以及一个带复选框、支持层级的自定义表格,看上去很强大,特别是学习jQuery的朋友相当有用,本代码是从一...
今天我们要为大家分享一款基于jQuery和Bootstrap的垂直手风琴下拉菜单,因为它是Bootstrap风格的,所以外观上绝对可以称得上完美。另外,菜单项在展开的时候,菜单项的内容将会以飞入的动画特效展示出来,同时菜单项...
花生米AJAX-UI系列之:基于JQUERY的浮动层(右键)列表菜单0.2改进版 改版本是“使用JQUERY 自创的自定义右键菜单插件 ”的重大改进,原始版本不再使用! 可以对表格,列表,或者单个DOM容器进行右键绑定 菜单项的...
jquery三级下拉菜单 基于jquery.prettyPhoto.js插件,风格清新漂亮,还有圆角效果,鼠标悬停于主菜单任意项时,若该主菜单包括有子菜单的话,会向下滑出二级菜单,若二级菜单仍有子菜单的话,会向右伸出对应的子菜单...
基于jquery的一个插件,使用这个插件可以很轻易的实现多级下拉树形菜单
jbar 是基于jQuery实现的下拉菜单插件,目前最新版本是0.2.0,您通过jbar可以灵活的实现Div ul li的下拉菜单效果,如上图所示。
基于Bootstrap的jQuery右键上下文菜单插件
基于jQuery 实现的Context Menu 右键菜单插件源码例子
jQuery有着无数的插件,菜单插件是jQuery插件中最多的,尤其是CSS3和HTML5的配合,让jQuery菜单变得更加丰富多彩。今天我们要给大家分享一款基于jQuery的创意菜单,它是圆形旋转的菜单项,菜单项会自动切换,并在...
easyAccordion 基于jQuery的滑开式手风琴菜单插件.zip
101. 打包基于jQuery对图片边框修饰插件示例下载(支持图片阴影效果、顶部banner效果、邮票边框、毛边相框、云朵包围效果) 102. 推荐jquery仿Flash大banner图片切换播放特效,非常完美 103. 推荐jQuery仿新浪QQ绝...