Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 7款风格新颖的jQuery/CSS3菜单导航分享

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

发布时间:2013-12-26   编辑:www.jquerycn.cn
下面给大家分享7款风格新颖的jQuery/CSS3菜单导航让用户方便地找到想要的信息,而且更让人有一种特殊的用户体验,希望大家会喜欢

一款优秀的菜单对网站而言是非常重要的,它不仅可以让用户方便地找到想要的信息,而且更让人有一种特殊的用户体验。下面给大家分享7款风格新颖的jquery/CSS3菜单导航,希望大家会喜欢。

1、CSS3立体飘带状菜单

CSS3立体飘带状菜单,该菜单鼠标滑过时,菜单项向上立体凸起,结合黑色的木质背景,整个菜单显得非常立体生动。


在线演示 /源码下载

2、CSS3个人资料导航菜单

该菜单是用来展示登录的用户信息,包括用户的快捷操作按钮,另外菜单还提供一个个性化的搜索框。


在线演示 /源码下载

3、jQuery顶部浮动渐变工具栏

jQuery顶部浮动渐变工具栏是一款基于jQuery的顶部导航插件,默认该菜单不显示,当页面向下滚动时,该顶部菜单就会逐渐显示出来,页面滚动到一定距离时,菜单会全部显示。页面距离由JS自动判断。


在线演示 /源码下载

4、CSS3彩色多功能下拉菜单导航

这是一款强大的菜单导航,菜单集成了搜索、普通下拉菜单、带图标的下拉菜单这些功能,而且色彩很丰富,是一款非常实用的网页菜单导航。

在线演示 /源码下载

5、灰色超具立体感的CSS3导航按钮

这款菜单导航提供了水平和垂直两种菜单模式,鼠标滑过菜单项时非常具有立体感,很棒的一个网页素材。

在线演示 /源码下载

6、CSS3黑色动画菜单导航

这款菜单以黑色为背景,背景中又有气泡作为点缀。菜单项以白色为主,鼠标滑过菜单项出现动画效果,非常酷的一款CSS3菜单。


在线演示 /源码下载

7、带小图标的jQuery多级菜单导航

这款菜单不仅是多级菜单,而且每一个菜单项都可以设置菜单的功能图标,因此非常实用。


在线演示 / 源码下载

以上就是7款风格新颖的jQuery/CSS3菜单导航,部分特效示例由脚本之家提供,欢迎收藏。

您可能感兴趣的文章:
7款风格新颖的jQuery/CSS3菜单导航分享
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
10款非常有用的 Ajax 插件分享
推荐40个简单的 jQuery 导航插件和教程(下篇)
推荐40款强大的 jQuery 导航插件和教程(上篇)
6款新颖的jQuery和CSS3进度条插件推荐
2013年优秀jQuery插件整理小结
40款非常有用的 jQuery 插件推荐(系列一)
15款优秀的jQuery导航菜单插件分享
分享精心挑选的23款美轮美奂的jQuery 图片特效插件

关键词: css3  菜单导航   
[关闭]