7款風格新穎的jQuery/CSS3選單導航分享_jquery

一款優秀的菜單對網站而言是非常重要的，它不僅可以讓用戶方便地找到想要的信息，而且更讓人有一種特殊的用戶體驗。以下跟大家分享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選單導航，部分特效範例由腳本之家提供，歡迎收藏。