10 個非常酷的基于jQuery的菜單效果插件

jopen 12年前發布 | 8K 次閱讀 jQuery

除了直觀的界面效果外,炫酷的網站導航菜單或右鍵菜單也能為訪問者帶來眼前一亮的感覺。本文為你帶來10個非常酷的基于jQuery的菜單效果插件。

1.  右擊菜單

一個創建右擊菜單的插件,簡潔且易用。

10 個非常酷的基于jQuery的菜單效果插件



源碼/演示

2.  jQuery多級菜單——FX CSS菜單與子菜單

使用CSS創建菜單,使用JavaScript展示效果。特點如下:

  • 跨瀏覽器,兼容所有瀏覽器(包括IE6)。
  • 效果:在鼠標經過和子菜單展開時,具有平滑的淡入淡出效果。
  • 易于設置:簡單的、用于無限級別菜單項目的嵌套無序列表。
10 個非常酷的基于jQuery的菜單效果插件



源碼/演示

3.  jQuery菜單效果插件

另一個jQuery插件,通過它設計人員無需編寫代碼,即可創建動態的菜單效果。該插件為設計師提供了非常特別的效果。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

4.  引人注目的jQuery菜單淡入淡出效果

這不僅僅是一個簡單的淡入淡出效果,它需要大量的CSS和圖像,但效果非常漂亮。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

5.  使用jQuery創建一個滑動菜單

你是否想將曾經看過的優秀的jQuery導航據為己有?現在,你也可以實現它們,只需創建一個菜單,然后使用一些滑動效果讓它動起來。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

6.  基于jQuery的動畫菜單

了解如何創建一個動畫菜單(和Dragon Interactive網站的菜單非常相似)。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

7.  基于jQuery的疊加效果菜單

創建一個簡單的菜單,鼠標懸停在它上面時,網頁中其他元素的顏色都會暗下來。菜單部分將醒目顯示,并展開子菜單。該效果使用jQuery創建。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

8.  淡入淡出菜單

在本教程中,將學習如何創建淡入淡出效果菜單。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

9.  使用jQuery實現逼真的懸停效果

為圖標鏈接添加一個上升的懸停效果,通過jQuery,該效果還可以在有反光和陰影的圖標上實現。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

10.  滑動的頂部菜單

滑動菜單在一些空間有限的頁面中非常實用。這是一個滑動的頂部菜單,可以通過開/關按鈕或任何與類名相關的標簽來控制滑出/隱藏。

10 個非常酷的基于jQuery的菜單效果插件



源碼 / 演示

英文原文:http://www.jquery4u.com/menus/10-jquery-cool-menu-effect-plugins/

本文轉載自: http://www.iteye.com/news/23764

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!