個性化jQuery和CSS3菜單源碼

　　下面要給大家分享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菜單導航，喜歡的朋友可以收藏。