36个引人注目JQuery导航菜单
1.jQuery 選項(xiàng)卡界面 / 選項(xiàng)卡結(jié)構(gòu)菜單教程
這種類型的菜單在網(wǎng)頁設(shè)計(jì)與開發(fā)中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑動(dòng)/向上滑動(dòng)效果創(chuàng)建屬于你自己的選項(xiàng)卡菜單。要非常留心此演示喲，你一定會(huì)喜歡上它的。
Preview || Download
2.效果生動(dòng)逼真的jQuery菜單
學(xué)習(xí)如何使用簡易的XHTML/CSS/JS創(chuàng)建令人驚奇的效果生動(dòng)逼真的菜單，類似 Dragon Interactive (dragoninteractive.com).
Preview || Download
3. 使用CSS和jQuery創(chuàng)建非常Cool的動(dòng)畫效果導(dǎo)航 (教程 + 下載)
動(dòng)畫及視覺反饋是幫助用戶在瀏覽和網(wǎng)站與網(wǎng)站互動(dòng)的有效手段。雖然傳統(tǒng)的Adobe的Flash是可以完成各種動(dòng)畫效果的，但是最近使用JavaScript的魔法，我們可以完全避免使用flash。
Preview || Download
4.jQuery目錄導(dǎo)航插件
這個(gè)jQuery插件為我們提供了添加基于字母順序的導(dǎo)航小部件到有序和無序列表的方法。一個(gè)在列表之上的簡易的(via CSS)導(dǎo)航條，向用戶展示從A到Z的檢索。通過從列表中選擇一個(gè)字母來顯示以此字母開頭的所有元素。在可選字母上面顯示的計(jì)數(shù)，是表明當(dāng)你點(diǎn)擊此字母的 時(shí)候會(huì)有多少項(xiàng)目被現(xiàn)實(shí)。除此之外還有其他的基本功能可供選擇。
Preview || Download
5. jqDock 菜單
變換圖標(biāo)模仿mac的Dock菜單, 水平或者垂直，以圖標(biāo)擴(kuò)大過渡可選的標(biāo)簽。
Preview || Download
6.Jquery滑動(dòng)菜單
這篇教程是像我們講解與下載jquery滑動(dòng)菜單，你可以在PSDtuts網(wǎng)頁右上角查看效果。
This is how looks finished demo version:
Preview || Download
7.CSS 精靈 2 – 是JavaScript的時(shí)間
Preview
8. CSS Mac Dock 菜單
如果你是Mac深度中毒者,你會(huì)愛上我設(shè)計(jì)的這個(gè)CSS dock菜單。他使用了Jquery Javascript庫和Fisheye部件界面以及我的一些圖標(biāo)。它有兩種停靠風(fēng)格-上端與下端。這個(gè)菜單加入到我的ITHEME中非常好。
Preview || Download
9.jQuery的Kwicks菜單
Kwicks起源于Mootools中的一個(gè)效果(相同名字),逐漸演變成一個(gè)高度可定制的通用部件.
7 Examples || Download
10.Jquery文件樹
jQuery文件樹是一個(gè)可配置的， AJAX的文件瀏覽器jQuery插件 。您可以只用一行JavaScript代碼創(chuàng)建一個(gè)定制的，完全互動(dòng)的文件樹。目前，服務(wù)器端連接器的腳本支持PHP, ASP, ASP.NET, JSP, 與Lasso。如果您是開發(fā)人員，可以輕松地使用所選語言創(chuàng)建自己的連接。
Preview || Download
11.學(xué)習(xí)jQuery: 褪色菜單 -更換內(nèi)容
CSS-tricks上很好的教程，講解如何使用css和jQuery, 這次是他們教導(dǎo)如何使用 jquery使得菜單選項(xiàng)褪色。
Preview || Download
12. 如何使用jQuery創(chuàng)建順滑生動(dòng)的菜單
曾經(jīng)見過一些優(yōu)秀的jQuery導(dǎo)航，你有想自己創(chuàng)建一個(gè)的沖動(dòng)么？ 這篇教程是教你怎樣建立擁有順暢動(dòng)畫效果的菜單。
Preview || Download
13.Create Vimeo-like top navigation
學(xué)習(xí)如何創(chuàng)建像 Vimeo網(wǎng)站的導(dǎo)航菜單 ，雖然只用了xhtml,css used,但是我仍然想包含他。
Preview + Vimeo site || Download
14. jQuery (mb)菜單 2.3
這是一個(gè)強(qiáng)大的jQuery 部件，輕松創(chuàng)建更加直觀的多級樹形菜單或者繼承菜單 (右擊)!
你可以添加許多子菜單；如果子菜單或者菜單在頁面中沒有聲明，組件會(huì)通過AJAX通過調(diào)取菜單中的模板頁ID來獲取。你需要的（菜單屬性值）ajax頁面會(huì)返回并作為下面的菜單實(shí)例而格式化代碼。
Preview || Download
15. Coda 滑動(dòng)菜單
Preview || Download
16. jQuery idTabs
idTabs是jQuery的插件。他能非常容易的為網(wǎng)站添加選項(xiàng)卡. 但是他也為無窮的可能性敞開大門。
Preview || Download
17. 使用CSS & jQuery創(chuàng)建順暢的選顯卡內(nèi)容區(qū)
網(wǎng)頁設(shè)計(jì)師設(shè)法把大量的信息濃縮在一個(gè)網(wǎng)頁上而不失可用性是最大的挑戰(zhàn)之一。內(nèi)容選項(xiàng)卡化是處理此類問題非常棒的方法，最近廣泛被應(yīng)用于博客。這是一篇非常棒的教程講解，使用HTML建立一個(gè)小的選項(xiàng)卡信息盒，最后使用一些簡單js功能與jQuery庫實(shí)現(xiàn)。
Preview
18. 為jQuery愛好者準(zhǔn)備的熔巖燈!
輕量級Lavalamp菜單通過令人驚奇的jQuery javascript 庫封裝成的插件.
Preview || Download
19. jQuery下拉動(dòng)畫菜單
下拉菜單是一個(gè)非常便利的范式，使大菜單濃縮在小的初始空間內(nèi)。很長一段時(shí)間人們只是使用一種形式的標(biāo)準(zhǔn)下拉模式，但是只需小小的努力你就可以使用jQuery 和 CSS創(chuàng)建雨刷效果的菜單。
Preview || Download
20. 運(yùn)用jQuery使背景圖片生動(dòng)起來
五種不同的方式，如何使用jquery創(chuàng)建生動(dòng)的背景圖片真實(shí)效果
Preview
21. 怎樣使用jQuery創(chuàng)建‘Mootools 主頁’有創(chuàng)造性的導(dǎo)航效果
正如你說知道的那樣，現(xiàn)在有許多的相互競爭的javascript庫 ，雖然我喜歡jQuery, 但是我過去總喜歡運(yùn)行在MooTools 上的菜單。因此，在本指南中，我們將要使用jQuery創(chuàng)建相同效果的菜單!
Preview || Download
22. Menumatic Mootools
MenuMatic是MooTools 1.2中使用語義列表或無序列表鏈接變成動(dòng)態(tài)下拉菜單系統(tǒng)的類。For users without javascript, it falls back on a CSS menu system based on Matthew Carroll’s keyboard accessible flavor of Suckerfish Dropdowns by Patrick Griffiths and Dan Webb.( 不知如何翻譯是好，>.< )
Preview Vertical || Preview horizontal || Download
23. jQuery convertion: 使用Javascript的車庫門效果
所有的jQuery粉絲們: 這里是使用jQuery的車庫門效果!
Preview || Download
24. Perspective tabs
Perspective tabs是一個(gè)非常簡單的 mootools 1.2 插件，可以在小空間內(nèi)插入大量的選項(xiàng)卡。
25. Fisheye 菜單
Fisheye菜單是基于MacOSX文檔可展開的菜單。
Download
26. JavaScript滑動(dòng)菜單 高亮 1kb
這滑動(dòng)懸停效果腳本是為你的導(dǎo)航菜單添加一些風(fēng)味的簡單方法。使用CSS你可以方便的自定義菜單來滿足你的“外觀與感覺”要求。 腳本非常的簡單，如下.
Download
27. Mootools Demo Redux
簡單的可展開的Javascript導(dǎo)航菜單
Preview
28. HoverAccordion
no-click二級菜單jQuery插件 (你可以用它他做任何你想做的).
29. 簡單的Javascript手風(fēng)琴菜單
Javascript手風(fēng)琴菜單在如今的網(wǎng)頁設(shè)計(jì)師世界廣為使用。我們看到有很多的這樣的腳本。這是其中一個(gè)非常小的極其簡單容易使用的手風(fēng)琴菜單腳本。不需要任何的框架并跨瀏覽器兼容。
Preview || Download
30. UvumiTools 下拉菜單
UvumiTools下拉菜單是非常簡單的多級菜單，由HTML無序列表構(gòu)造而成，使用 Mootools Javascript 框架，通過簡單的 <ul> HTML 元素進(jìn)行編輯.
31. 使用css和jQuery創(chuàng)建多級下拉菜單
Preview || Download
32. jQuery & CSS 實(shí)例 – 下拉菜單
下拉菜單與菜單條在早期的圖形用戶界面已經(jīng)被大量使用。他們的使用變得無處不在,甚至預(yù)期，桌面應(yīng)用程序，以及在網(wǎng)上迅速跟進(jìn)。本文旨在描述最基本的，但是最強(qiáng)的技術(shù)，為您的應(yīng)用程序或者網(wǎng)站的用戶界面設(shè)計(jì)添加下拉菜單。
Preview
33. 浮動(dòng)的菜單jQuery&CSS
對我們所有的人來說，為了使用菜單，處理長的頁面需要滾動(dòng)到頁面的頂端，這有一個(gè)不錯(cuò)的選擇，浮動(dòng)的菜單幫隨著頁面的滾動(dòng)。 HTML, CSS 與 jQuery, 完全遵守W3C。
Preview || Download
34. Superfish – jQuery菜單插件
Superfish是Suckerfish-style 菜單的加強(qiáng)型 jQuery插件。現(xiàn)在有純CSS下拉菜單（所以沒有js降低優(yōu)雅性） 并增加了以下非常搶手的改進(jìn)：
Preview || Download
35. JQuery Pager
一個(gè)簡單的JQuery插件，為數(shù)據(jù)驅(qū)動(dòng)的Web應(yīng)用程序提供分頁功能界面。
Preview || Download
36. jQuery feed 菜單
當(dāng)feeds變得流行，在你的網(wǎng)站上它有一個(gè)為讀者指向的RSS或者Atom feeds圖標(biāo)。做為feeds，在國外博客與網(wǎng)站中更為普遍。存在多個(gè)供稿的比比皆是，這里是 jquery feed 菜單解決方案!
Download
轉(zhuǎn)載于:https://www.cnblogs.com/freedom831215/archive/2011/08/12/2136039.html
總結(jié)
以上是生活随笔為你收集整理的36个引人注目JQuery导航菜单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Cookies揭秘 [Asp.Net,
- 下一篇： poj2479与poj2593 ， 同一