36個引人注目的jquery菜單

【from】http://hi.baidu.com/471348579/blog/item/d3a2689b213dbdbfc9eaf4cc.html

1.jQuery 選項卡界面 / 選項卡結構菜單教程

這種類型的菜單在網頁設計與開發中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑動/向上滑動效果創建屬於你自己的選項卡菜單。要非常留心此演示喲,你一定會喜歡上它的。


 

Preview || Download

2.效果生動逼真的jQuery菜單

學習如何使用簡易的XHTML/CSS/JS創建令人驚奇的效果生動逼真的菜單,類似 Dragon Interactive (dragoninteractive.com).


 

Preview || Download

3. 使用CSS和jQuery創建非常Cool的動畫效果導航 (教程 + 下載)

動畫及視覺反饋是幫助用戶在瀏覽和網站與網站互動的有效手段。雖然傳統的Adobe的Flash是可以完成各種動畫效果的,但是最近使用JavaScript的魔法,我們可以完全避免使用flash。


 

Preview || Download

4.jQuery目錄導航插件

這個jQuery插件爲我們提供了添加基於字母順序的導航小部件到有序和無序列表的方法。一個在列表之上的簡易的(via CSS)導航條,向用戶展示從A到Z的檢索。通過從列表中選擇一個字母來顯示以此字母開頭的所有元素。在可選字母上面顯示的計數,是表明當你點擊此字母的 時候會有多少項目被現實。除此之外還有其他的基本功能可供選擇。


 

Preview || Download

5. jqDock 菜單

變換圖標模仿mac的Dock菜單, 水平或者垂直,以圖標擴大過渡可選的標籤。


 

Preview || Download

6.Jquery滑動菜單

這篇教程是像我們講解與下載jquery滑動菜單,你可以在PSDtuts網頁右上角查看效果。


 

This is how looks finished demo version:

 

Preview || Download

7.CSS 精靈 2 – 是JavaScript的時間


Preview

8. CSS Mac Dock 菜單

如果你是Mac深度中毒者,你會愛上我設計的這個CSS dock菜單。他使用了Jquery Javascript庫和Fisheye部件界面以及我的一些圖標。它有兩種停靠風格-上端與下端。這個菜單加入到我的ITHEME中非常好。


 

Preview || Download

9.jQuery的Kwicks菜單

Kwicks起源於Mootools中的一個效果(相同名字),逐漸演變成一個高度可定製的通用部件.


7 Examples || Download

10.Jquery文件樹

jQuery文件樹是一個可配置的, AJAX的文件瀏覽器jQuery插件 。您可以只用一行JavaScript代碼創建一個定製的,完全互動的文件樹。目前,服務器端連接器的腳本支持PHP, ASP, ASP.NET, JSP, 與Lasso。如果您是開發人員,可以輕鬆地使用所選語言創建自己的連接。


Preview
|| Download

11.學習jQuery: 褪色菜單 -更換內容

CSS-tricks上很好的教程,講解如何使用css和jQuery, 這次是他們教導如何使用 jquery使得菜單選項褪色。

 


Preview
|| Download

12. 如何使用jQuery創建順滑生動的菜單

曾經見過一些優秀的jQuery導航,你有想自己創建一個的衝動麼? 這篇教程是教你怎樣建立擁有順暢動畫效果的菜單。

 


Preview
|| Download

13.Create Vimeo-like top navigation

學習如何創建像 Vimeo網站的導航菜單 ,雖然只用了xhtml,css used,但是我仍然想包含他。

 


Preview
+ Vimeo site || Download

14. jQuery (mb)菜單 2.3

這是一個強大的jQuery 部件,輕鬆創建更加直觀的多級樹形菜單或者繼承菜單 (右擊)!

你可以添加許多子菜單;如果子菜單或者菜單在頁面中沒有聲明,組件會通過AJAX通過調取菜單中的模板頁ID來獲取。你需要的(菜單屬性值)ajax頁面會返回並作爲下面的菜單實例而格式化代碼。


Preview
|| Download

15. Coda 滑動菜單

 


Preview
|| Download

16. jQuery idTabs

idTabs是jQuery的插件。他能非常容易的爲網站添加選項卡. 但是他也爲無窮的可能性敞開大門。

 


Preview
|| Download

17. 使用CSS & jQuery創建順暢的選顯卡內容區

網頁設計師設法把大量的信息濃縮在一個網頁上而不失可用性是最大的挑戰之一。內容選項卡化是處理此類問題非常棒的方法,最近廣泛被應用於博客。這是一篇非常棒的教程講解,使用HTML建立一個小的選項卡信息盒,最後使用一些簡單js功能與jQuery庫實現。

 


Preview

18. 爲jQuery愛好者準備的熔岩燈!

輕量級Lavalamp菜單通過令人驚奇的jQuery javascript 庫封裝成的插件.

 


Preview
|| Download

19. jQuery下拉動畫菜單

下拉菜單是一個非常便利的範式,使大菜單濃縮在小的初始空間內。很長一段時間人們只是使用一種形式的標準下拉模式,但是隻需小小的努力你就可以使用jQuery 和 CSS創建雨刷效果的菜單。

 


Preview
|| Download

20. 運用jQuery使背景圖片生動起來

五種不同的方式,如何使用jquery創建生動的背景圖片真實效果

 


Preview

21. 怎樣使用jQuery創建‘Mootools 主頁’有創造性的導航效果

正如你說知道的那樣,現在有許多的相互競爭的javascript庫 ,雖然我喜歡jQuery, 但是我過去總喜歡運行在MooTools 上的菜單。因此,在本指南中,我們將要使用jQuery創建相同效果的菜單!

 


Preview
|| Download

22. Menumatic Mootools

MenuMatic是MooTools 1.2中使用語義列表或無序列表鏈接變成動態下拉菜單系統的類。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是一個非常簡單的 mootools 1.2 插件,可以在小空間內插入大量的選項卡。

 


25. Fisheye 菜單

Fisheye菜單是基於MacOSX文檔可展開的菜單。

 


Download

26. JavaScript滑動菜單 高亮 1kb

這滑動懸停效果腳本是爲你的導航菜單添加一些風味的簡單方法。使用CSS你可以方便的自定義菜單來滿足你的“外觀與感覺”要求。 腳本非常的簡單,如下.

 



Download

27. Mootools Demo Redux

簡單的可展開的Javascript導航菜單

 


Preview

28. HoverAccordion

no-click二級菜單jQuery插件 (你可以用它他做任何你想做的).

 


29. 簡單的Javascript手風琴菜單

Javascript手風琴菜單在如今的網頁設計師世界廣爲使用。我們看到有很多的這樣的腳本。這是其中一個非常小的極其簡單容易使用的手風琴菜單腳本。不需要任何的框架並跨瀏覽器兼容。

 


Preview
|| Download

30. UvumiTools 下拉菜單

UvumiTools下拉菜單是非常簡單的多級菜單,由HTML無序列表構造而成,使用 Mootools Javascript 框架,通過簡單的 <ul> HTML 元素進行編輯.



31. 使用css和jQuery創建多級下拉菜單

 


Preview
|| Download

32. jQuery & CSS 實例 – 下拉菜單

下拉菜單與菜單條在早期的圖形用戶界面已經被大量使用。他們的使用變得無處不在,甚至預期,桌面應用程序,以及在網上迅速跟進。本文旨在描述最基本的,但是最強的技術,爲您的應用程序或者網站的用戶界面設計添加下拉菜單。

 


Preview

33. 浮動的菜單jQuery&CSS

對我們所有的人來說,爲了使用菜單,處理長的頁面需要滾動到頁面的頂端,這有一個不錯的選擇,浮動的菜單幫隨着頁面的滾動。 HTML, CSS 與 jQuery, 完全遵守W3C。

 


Preview
|| Download

34. Superfish – jQuery菜單插件

Superfish是Suckerfish-style 菜單的加強型 jQuery插件。現在有純CSS下拉菜單(所以沒有js降低優雅性) 並增加了以下非常搶手的改進:

 


Preview
|| Download

35. JQuery Pager

一個簡單的JQuery插件,爲數據驅動的Web應用程序提供分頁功能界面。

 



Preview
|| Download

36. jQuery feed 菜單

當feeds變得流行,在你的網站上它有一個爲讀者指向的RSS或者Atom feeds圖標。做爲feeds,在國外博客與網站中更爲普遍。存在多個供稿的比比皆是,這裏是 jquery feed 菜單解決方案!

 


Download

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章