首頁 > web前端 > js教程 > 7款風格新穎的jQuery/CSS3選單導航分享_jquery

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

WBOY
發布: 2016-05-16 17:35:37
原創
1108 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板