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

5顶
1踩

Web前端

原创新闻 8 款个性化的 jQuery 和 CSS3 菜单

2012-08-23 14:56 by 见习编辑 html5_dev 评论(2) 有4972人浏览
jquery css 菜单

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

下面要给大家分享8款非常个性化的jQuery和CSS3菜单，这些菜单由于外观比较独特，所以也许不是非常通用，但是我们可以认可的是这些菜单的设计思路非常棒，值得借鉴。下面一起来看看这些菜单吧。

1、超酷的jQuery动画菜单

这是一款效果非常酷的jQuery动画菜单导航，当你把鼠标移到菜单项的时候，将会出现十分平滑的滑动效果，这个菜单漂亮的地方还在于菜单的背景图片，动画本身并不复杂。



2、jQuery侧边固定停靠导航

这是一款非常精美的jQuery侧边固定停靠导航菜单，鼠标移入移出是都有流畅的弹入弹出效果，并能固定在浏览器一侧，不随着滚动条下拉而下滑。



3、jQuery和CSS3图片下拉菜单

这是一款基于jQuery和CSS3的图片下拉菜单，当鼠标移到菜单项上时，菜单上就会弹出一张该菜单项的主题图片，并以下拉的方式显示该菜单项的具体说明。下拉过程十分流畅。



4、CSS3 动画导航按钮

这是一组基于CSS3的动画导航按钮，该动画导航会在鼠标移上去之后播放一段对应的小动画，效果十分时尚。不过注意的是，该动画导航只能在基于WebKit的浏览器上才能运行，如Chrome。



5、丝带状的CSS导航

这是一款利用纯CSS实现的丝带状的导航菜单，该CSS导航简单而又大方，犹如悬挂在蓝天之上，又仿佛倒映在碧水之中，确实是一个让人看了赏心悦目的CSS导航。



6、CSS3仿Windows 7的开始菜单

这是一款用纯CSS3实现的仿Win 7的开始菜单。如果我们分解这个Windows 7开始菜单，我们会得到1个div、2个ul列表、1组链接以及一些icon小图标。



7、jQuery动画菜单jStackmenu

jStackmenu是一款基于jQuery的堆栈式动画菜单，当你用鼠标点击那个“爱心”按钮时，jStackmenu菜单就会以堆栈方式弹出或者收拢，并呈现出流畅的动画特效。



8、银白色的CSS3导航菜单

这是一款纯CSS3制作的导航菜单，这个银白色的菜单在朦胧夜空的衬托下显得格外亮丽。当鼠标滑过导航时，每个菜单项又会呈现不同的效果，整体上，这款CSS3导航菜单非常简单而又具有立体感。



以上就是8款个性化的jQuery和CSS3菜单导航，喜欢的朋友可以收藏。
5
顶
1
踩
评论 共 2 条 请登录后发表评论
2 楼 kuno321 2012-08-24 14:52
1 楼 andyyang007 2012-08-24 14:26
可否把这种2B文章给封了. 都没有想来这网站的欲望了。

发表评论

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

相关推荐

  • 7款风格新颖的jQuery/CSS3菜单导航分享

    下面给大家分享7款风格新颖的jQuery/CSS3菜单导航，希望大家会喜欢。 1、CSS3立体飘带状菜单 CSS3立体飘带状菜单，该菜单鼠标滑过时，菜单项向上立体凸起，结合黑色的木质背景，整个菜单显得非常立体生动。 在线...

  • jQuery+CSS3可拖拽气泡圆形图标菜单特效

    一款非常创意个性化的jQuery+CSS3可拖拽气泡圆形图标菜单特效，以大圆为背景，大圆内部设置多个类似气泡的小圆图标导航菜单，鼠标拖拽切换菜单项，点击图标菜单弹出子菜单，效果棒极了。

  • jQuery/CSS3气泡圆形菜单 可拖拽切换菜单项

    这是一款非常富有创意的网页菜单，基于jQuery和CSS3实现。这款菜单是气泡外观的菜单项，我们可以定义任意数量的菜单项，每一个菜单项形成一个气泡，鼠标拖拽是可以选择其中一个气泡菜单项，点击后即可进入该菜单，...

  • 10大经典CSS3菜单应用欣赏

    对于jQuery菜单，大家已经非常熟悉了，我们也已经分享过很多jQuery菜单和CSS3菜单。今天要介绍的这款jQuery菜单是二级下拉菜单，并且在子菜单展开的时候出现动画效果。更为特别的是，鼠标滑过子菜单项时会产生该菜单...

  • jquery.html 动画,10款超实用jQuery/CSS3动画应用

    原标题：10款超实用jQuery/CSS3动画应用这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少jQuery插件还是比较实用的，像一些jQuery菜单、jQuery图片滑块等。另外，CSS3的运用，让这些应用都添加了不同的动画...

  • jQuery/Bootstrap实现个性化Tab菜单插件

    之前我们分享过许多外观漂亮而且非常实用的jQuery Tab菜单插件，比如...今天我们再分享一款基于jQuery和Bootstrap的个性化Tab菜单插件，这款Tab菜单的菜单项非常独特，三角梯形的菜单按钮非常不错，让人印象相当深刻。

  • 10 款提高开发效率的 jQuery CSS3 组件

    CSS3个性化多级下拉菜单 CSS3立体动感进度条 HTML5实时动态数据图表 jQuery垂直文字新闻滚动插件totem jQuery带事件记录的多功能日历 jQuery仿百度贴吧图片切换插件 jQuery图片切换多种过渡效果 jQuery图片悬浮按钮...

  • 11款样式新颖的 jQuery/CSS3 网页菜单

    今天为大家准备了11款样式风格挺不错的jQuery/CSS3网页菜单，主要包括面包屑菜单、下拉菜单、Tab菜单等，喜欢的朋友赶紧收藏，一起来看看这些菜单。 1、jQuery / CSS3多功能下拉菜单 带分享和搜索功能 这是一款...

  • 炫酷的CSS3 3D横向菜单 菜单项凸出显示

    就比如今天要介绍的一款CSS3 3D横向菜单，整个菜单栏会随着鼠标移动而倾斜，产生一种3D立体的视觉效果，同时鼠标滑过菜单项时，菜单项也会凸出显示，是一款非常华丽而具有个性化的CSS3菜单导航插件。

  • HTML5+CSS3+JQuery打造自定义视频播放器

    所以很多开发者想尽快用上，但是真正使用前还有些问题要考虑，尤其是 Opera/Firefox 和IE/Safari浏览器所支持的视频编码不同的问题，Google几个月前发布的开源视频编码VP8有望能解决这一问题，另外Google还发布了...

  • css3轮播不用jpuery_15款效果很酷的最新jQuery/CSS3特效

    1、3D图片上下翻牌切换一款基于jQuery+CSS3实现的3D图片上下翻牌切换效果，支持按钮切换和鼠标滚动切换，也能自动切换2、jquery实现的横向平滑移动轮播切换效果jquery横向平滑移动轮播切换效果是一款依次错位排列的...

  • jQuery简易清新Tab菜单插件 可初始化多个实例

    不久前我们分享过一款轻巧可爱的jQuery Tab菜单插，外观非常个性化。这次我们同样要为大家介绍一款基于jQuery的Tab菜单插件，这款jQuery Tab插件非常简单，唯一的CSS渲染就在Tab菜单项的边框颜色。另外，这款Tab插件...

  • 8款超酷体验的jQuery/CSS3应用插件

    这是一款基于jQuery和CSS3的Android Dock菜单效果，点击底部的按钮即可让应用图标浮动上来，并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库，很多前端开发者都十分青睐jQuery框架。 在线...

  • 7 款风格新颖的 jQuery/CSS3 导航

    下面给大家分享7款风格新颖的jQuery/CSS3菜单导航，希望大家会喜欢。 1、CSS3立体飘带状菜单 CSS3立体飘带状菜单，该菜单鼠标滑过时，菜单项向上立体凸起，结合黑色的木质背景，整个菜单显得非常立体生动。...

  • 7款风格新颖的jQuery / CSS3菜单导航

    下面给大家分享7款风格新颖的jQuery/CSS3菜单导航，希望大家会喜欢。 1、CSS3立体飘带状菜单 CSS3立体飘带状菜单，该菜单鼠标滑过时，菜单项向上立体凸起，结合黑色的木质背景，整个菜单显得非常立体生动。 ...

  • 实用jQuery/CSS3动画应用

    这次我们要带来10款最新的jQuery/CSS3动画应用，这里有不少jQuery插件还是比较实用的，像一些jQuery菜单、jQuery图片滑块等。另外，CSS3的运用，让这些应用都添加了不同的动画效果，不仅实用，而且更酷了。 1、...

  • 基于jquery实现自定义下拉菜单（前端开发）

    自定义下拉菜单

  • 基于springboot大学生就业信息管理系统源码数据库文档.zip

    基于springboot大学生就业信息管理系统源码数据库文档.zip

  • 基于java的驾校收支管理可视化平台的开题报告.docx

    基于java的驾校收支管理可视化平台的开题报告

  • 原木5秒数据20241120.7z

    时间序列 原木 间隔5秒钟 20241120

Global site tag (gtag.js) - Google Analytics