下面要給大家分享8款非常個性化的jQuery和CSS3菜單,這些菜單由於外觀比較獨特,所以也許不是非常通用,但是我們可以認可的是這些菜單的設計思路非常棒,值得借鑒。下面一起來看看這些菜單吧。
1、超酷的jQuery動畫菜單
這是一款效果非常酷的jQuery動畫菜單導航,當你把鼠標移到菜單項的時候,將會出現十分平滑的滑動效果,這個菜單漂亮的地方還在於菜單的背景圖片,動畫本身並不復雜,下面就一起來看看這個簡單漂亮的jQuery動畫菜單吧。
2、jQuery側邊固定停靠導航
這是一款非常精美的jQuery側邊固定停靠導航菜單,鼠標移入移出是都有流暢的彈入彈出效果,並能固定在浏覽器一側,不隨著滾動條下拉而下滑。
3、jQuery和CSS3圖片下拉菜單
這是一款基於jQuery和CSS3的圖片下拉菜單,當鼠標移到菜單項上時,菜單上就會彈出一張該菜單項的主題圖片,並以下拉的方式顯示該菜單項的具體說明。下拉過程十分流暢。
4、CSS3 動畫導航按鈕
這是一組基於CSS3的動畫導航按鈕,該動畫導航會在鼠標移上去之後播放一段對應的小動畫,效果十分時尚。不過注意的是,該動畫導航只能在基於WebKit的浏覽器上才能運行,如Chrome。下面就一起來看看這款CSS3導航。
5、絲帶狀的CSS導航
這是一款利用純CSS實現的絲帶狀的導航菜單,該CSS導航簡單而又大方,猶如懸掛在藍天之上,又仿佛倒映在碧水之中,確實是一個讓人看了賞心悅目的CSS導航。
6、CSS3仿Windows 7的開始菜單
這是一款用純CSS3實現的仿Win 7的開始菜單。如果我們分解這個Windows 7開始菜單,我們會得到1個div,2個ul列表,1組鏈接以及一些icon小圖標,我們可以一起來看看具體的效果。
7、jQuery動畫菜單jStackmenu
jStackmenu是一款基於jQuery的堆棧式動畫菜單,當你用鼠標點擊那個“愛心”按鈕時,jStackmenu菜單就會以堆棧方式彈出或者收攏,並呈現出流暢的動畫特效。
8、銀白色的CSS3導航菜單
這是一款純CSS3制作的導航菜單,這個銀白色的菜單在朦胧夜空的襯托下顯得格外亮麗。當鼠標滑過導航時,每個菜單項又會呈現不同的效果,整體上,這款CSS3導航菜單非常簡單而又具有立體感。
以上就是8款個性化的jquery和css3菜單導航,喜歡的朋友可以收藏。