一款優(yōu)秀的菜單對網(wǎng)站而言是非常重要的，它不僅可以讓用戶方便地找到想要的信息，而且更讓人有一種特殊的用戶體驗(yàn)。下面給大家分享7款風(fēng)格新穎的jQuery/CSS3菜單導(dǎo)航，希望大家會(huì)喜歡。

1、CSS3立體飄帶狀菜單

CSS3立體飄帶狀菜單，該菜單鼠標(biāo)滑過時(shí)，菜單項(xiàng)向上立體凸起，結(jié)合黑色的木質(zhì)背景，整個(gè)菜單顯得非常立體生動(dòng)。

在線演示 /源碼下載

2、CSS3個(gè)人資料導(dǎo)航菜單

該菜單是用來展示登錄的用戶信息，包括用戶的快捷操作按鈕，另外菜單還提供一個(gè)個(gè)性化的搜索框。

在線演示 /源碼下載

3、jQuery頂部浮動(dòng)漸變工具欄

jQuery頂部浮動(dòng)漸變工具欄是一款基于jQuery的頂部導(dǎo)航插件，默認(rèn)該菜單不顯示，當(dāng)頁面向下滾動(dòng)時(shí)，該頂部菜單就會(huì)逐漸顯示出來，頁面滾動(dòng)到一定距離時(shí)，菜單會(huì)全部顯示。頁面距離由JS自動(dòng)判斷。

在線演示 /源碼下載

4、CSS3彩色多功能下拉菜單導(dǎo)航

這是一款強(qiáng)大的菜單導(dǎo)航，菜單集成了搜索、普通下拉菜單、帶圖標(biāo)的下拉菜單這些功能，而且色彩很豐富，是一款非常實(shí)用的網(wǎng)頁菜單導(dǎo)航。

在線演示 /源碼下載

5、灰色超具立體感的CSS3導(dǎo)航按鈕

這款菜單導(dǎo)航提供了水平和垂直兩種菜單模式，鼠標(biāo)滑過菜單項(xiàng)時(shí)非常具有立體感，很棒的一個(gè)網(wǎng)頁素材。

在線演示 /源碼下載

6、CSS3黑色動(dòng)畫菜單導(dǎo)航

這款菜單以黑色為背景，背景中又有氣泡作為點(diǎn)綴。菜單項(xiàng)以白色為主，鼠標(biāo)滑過菜單項(xiàng)出現(xiàn)動(dòng)畫效果，非常酷的一款CSS3菜單。

在線演示 /源碼下載

7、帶小圖標(biāo)的jQuery多級菜單導(dǎo)航

這款菜單不僅是多級菜單，而且每一個(gè)菜單項(xiàng)都可以設(shè)置菜單的功能圖標(biāo)，因此非常實(shí)用。

在線演示 / 源碼下載

以上就是7款風(fēng)格新穎的jQuery/CSS3菜單導(dǎo)航，部分特效示例由武林網(wǎng)提供，歡迎收藏。