一款优秀的菜单对网站而言是非常重要的，它不仅可以让用户方便地找到想要的信息，而且更让人有一种特殊的用户体验。下面给大家分享7款风格新颖的jQuery/CSS3菜单导航，希望大家会喜欢。 [h2][url=http://js.itivy.com/?p=165]1、CSS3立体飘带状菜单[/url][/h2] CSS3立体飘带状菜单，该菜单鼠标滑过时，菜单项向上立体凸起，结合黑色的木质背景，整个菜单显得非常立体生动。 [url=http://js.itivy.com/css3-ribbon-menu-1/index.html][img]http://files.jb51.net/file_images/article/201304/2013042316354379.jpg[/img] [/url] [url=http://js.itivy.com/css3-ribbon-menu-1/index.html]在线演示[/url] /[url=http://js.itivy.com/?p=165]源码下载[/url] [h2][url=http://js.itivy.com/?p=323]2、CSS3个人资料导航菜单[/url][/h2] 该菜单是用来展示登录的用户信息，包括用户的快捷操作按钮，另外菜单还提供一个个性化的搜索框。 [url=http://js.itivy.com/jiaoben822/index.html][img]http://files.jb51.net/file_images/article/201304/2013042316354380.jpg[/img] [/url] [url=http://js.itivy.com/jiaoben822/index.html]在线演示[/url] /[url=http://js.itivy.com/?p=323]源码下载[/url] [h2][url=http://js.itivy.com/?p=319]3、jQuery顶部浮动渐变工具栏[/url][/h2] jQuery顶部浮动渐变工具栏是一款基于jQuery的顶部导航插件，默认该菜单不显示，当页面向下滚动时，该顶部菜单就会逐渐显示出来，页面滚动到一定距离时，菜单会全部显示。页面距离由JS自动判断。 [url=http://js.itivy.com/jiaoben819/index.html][img]http://files.jb51.net/file_images/article/201304/2013042316354381.jpg[/img] [/url] [url=http://js.itivy.com/jiaoben819/index.html]在线演示[/url] /[url=http://js.itivy.com/?p=319]源码下载[/url] [h2][url=http://js.itivy.com/?p=340]4、CSS3彩色多功能下拉菜单导航[/url][/h2] 这是一款强大的菜单导航，菜单集成了搜索、普通下拉菜单、带图标的下拉菜单这些功能，而且色彩很丰富，是一款非常实用的网页菜单导航。 [url=http://js.itivy.com/jiaoben838/index.html][img]http://files.jb51.net/file_images/article/201304/2013042316354382.jpg[/img] [/url] [url=http://js.itivy.com/jiaoben838/index.html]在线演示[/url] /[url=http://js.itivy.com/?p=340]源码下载[/url] [h2][url=http://js.itivy.com/?p=112]5、灰色超具立体感的CSS3导航按钮[/url][/h2] 这款菜单导航提供了水平和垂直两种菜单模式，鼠标滑过菜单项时非常具有立体感，很棒的一个网页素材。 [url=http://js.itivy.com/dark-nav-buttons/index.html][img]http://files.jb51.net/file_images/article/201304/2013042316354383.jpg[/img] [/url] [url=http://js.itivy.com/dark-nav-buttons/index.html]在线演示[/url] /[url=http://js.itivy.com/?p=112]源码下载[/url] [h2][url=http://js.itivy.com/?p=8]6、CSS3黑色动画菜单导航[/url][/h2] 这款菜单以黑色为背景，背景中又有气泡作为点缀。菜单项以白色为主，鼠标滑过菜单项出现动画效果，非常酷的一款CSS3菜单。 [url=http://js.itivy.com/css3-black-animated-navigation-menu/index.html][img]http://files.jb51.net/file_images/article/201304/2013042316354384.jpg[/img] [/url] [url=http://js.itivy.com/css3-black-animated-navigation-menu/index.html]在线演示[/url] /[url=http://js.itivy.com/?p=8]源码下载[/url] [h2][url=http://js.itivy.com/?p=100]7、带小图标的jQuery多级菜单导航[/url][/h2] 这款菜单不仅是多级菜单，而且每一个菜单项都可以设置菜单的功能图标，因此非常实用。 [url=http://js.itivy.com/memu/sample.html][img]http://files.jb51.net/file_images/article/201304/2013042316354385.jpg[/img] [/url] [url=http://js.itivy.com/memu/sample.html]在线演示[/url] / [url=http://js.itivy.com/?p=100]源码下载[/url] 以上就是7款风格新颖的jQuery/CSS3菜单导航，部分特效示例由编程素材网提供，欢迎收藏。