8 款極具表現力的jQuery/CSS3網頁選單

itivy發表於2013-07-03

  上一篇我向大家分享了7款效果震憾的HTML5應用元件,今天主要來分享一下CSS3網頁選單,因為在一個網站中,選單起著舉足輕重的作用,所以作為WEB開發人員,我們有必要將網站的選單設計得儘量完美,下面向大家推薦8款極具表現力的jQuery/CSS3網頁選單,在網頁應用中,也許你能夠用到它們。

 1、CSS3帶頭像3D下拉選單

  這款CSS3下拉選單設計富有創意,選單展開時擁有不錯的3D效果,非常具有立體感和色彩感。

  線上演示    /    素材下載

 2、CSS3摺疊下拉選單

  這是一款風格清新的CSS3下拉選單,當滑鼠移入選單時,選單會出現一段向下展開的摺疊動畫片段。

  線上演示    /    素材下載

 3、jQuery動畫選單導航

  這款jQuery導航非常有特色,它不僅外觀整潔漂亮,選單還有一個滑鼠滑過動畫,滑鼠滑過選單時,選單上面就會出現漂亮動畫。

  線上演示    /    素材下載

 4、jQuery時尚修邊tab選項卡

  這款jQuery tab選單外觀還算精緻,tab切換時有漸顯漸隱的效果,tab選單的內容高度自適應。

  線上演示    /    素材下載

 5、CSS3花邊飄帶導航選單

  這款CSS3選單是飄帶狀的,而且也有無限極下拉選單的功能,是一款非常實用而且美觀的CSS3下拉選單。( cheap insurance quotes )

  線上演示    /    素材下載

 6、jQuery/CSS3左右拉伸動畫選單

  這款選單設計非常獨特,當普通情況下,選單隻顯示選單項的LOGO圖示,當滑鼠滑過選單項時,選單項就向左右拉伸展開,該選單基於jQuery。

  線上演示    /    素材下載

 7、CSS3藍色寬屏二級下拉選單

  這是一款普通的二級下拉選單,由於選單展開後可以顯示全屏的二級選單內容,所以整個選單顯得非常大氣。

  線上演示    /    素材下載

 8、CSS3彩色多功能下拉選單導航

  這是一款強大的選單導航,選單整合了搜尋、普通下拉選單、帶圖示的下拉選單這些功能,而且色彩很豐富,是一款非常實用的網頁選單導航。

  線上演示    /   素材下載

  今天就為大家分享到這裡,相信這8款典型的CSS3選單可以幫你打造更加棒的網站。

相關文章