jquery導航
引用:http://www.cnblogs.com/ywqu/archive/2009/08/15/1546559.html
1.jQuery 選項卡介面 / 選項卡結構選單教程
這種型別的選單在網頁設計與開發中非常著名的。此片教程是向大家展示如何使用jQuery的向下滑動/向上滑動效果建立屬於你自己的選項卡選單。要非常留心此演示喲,你一定會喜歡上它的。
2.效果生動逼真的jQuery選單
學習如何使用簡易的XHTML/CSS/JS建立令人驚奇的效果生動逼真的選單,類似 Dragon Interactive (dragoninteractive.com).
3. 使用CSS和jQuery建立非常Cool的動畫效果導航 (教程 + 下載)
動畫及視覺反饋是幫助使用者在瀏覽和網站與網站互動的有效手段。雖然傳統的Adobe的Flash是可以完成各種動畫效果的,但是最近使用JavaScript的魔法,我們可以完全避免使用flash。
4.jQuery目錄導航外掛
這個jQuery外掛為我們提供了新增基於字母順序的導航小部件到有序和無序列表的方法。一個在列表之上的簡易的(via CSS)導航條,向使用者展示從A到Z的檢索。通過從列表中選擇一個字母來顯示以此字母開頭的所有元素。在可選字母上面顯示的計數,是表明當你點選此字母的 時候會有多少專案被現實。除此之外還有其他的基本功能可供選擇。
5. jqDock 選單
變換圖示模仿mac的Dock選單, 水平或者垂直,以圖示擴大過渡可選的標籤。
6.Jquery滑動選單
這篇教程是像我們講解與下載jquery滑動選單,你可以在PSDtuts網頁右上角檢視效果。
This is how looks finished demo version:
7.CSS 精靈 2 – 是JavaScript的時間
8. CSS Mac Dock 選單
如果你是Mac深度中毒者,你會愛上我設計的這個CSS dock選單。他使用了Jquery Javascript庫和Fisheye部件介面以及我的一些圖示。它有兩種停靠風格-上端與下端。這個選單加入到我的ITHEME中非常好。
9.jQuery的Kwicks選單
Kwicks起源於Mootools中的一個效果(相同名字),逐漸演變成一個高度可定製的通用部件.
10.Jquery檔案樹
jQuery檔案樹是一個可配置的, AJAX的檔案瀏覽器jQuery外掛 。您可以只用一行JavaScript程式碼建立一個定製的,完全互動的檔案樹。目前,伺服器端聯結器的指令碼支援PHP, ASP, ASP.NET, JSP, 與Lasso。如果您是開發人員,可以輕鬆地使用所選語言建立自己的連線。
11.學習jQuery: 褪色選單 -更換內容
CSS-tricks上很好的教程,講解如何使用css和jQuery, 這次是他們教導如何使用 jquery使得選單選項褪色。
12. 如何使用jQuery建立順滑生動的選單
曾經見過一些優秀的jQuery導航,你有想自己建立一個的衝動麼? 這篇教程是教你怎樣建立擁有順暢動畫效果的選單。
13.Create Vimeo-like top navigation
學習如何建立像 Vimeo網站的導航選單 ,雖然只用了xhtml,css used,但是我仍然想包含他。
Preview + Vimeo site || Download
14. jQuery (mb)選單 2.3
這是一個強大的jQuery 部件,輕鬆建立更加直觀的多級樹形選單或者繼承選單 (右擊)!
你可以新增許多子選單;如果子選單或者選單在頁面中沒有宣告,元件會通過AJAX通過調取選單中的模板頁ID來獲取。你需要的(選單屬性值)ajax頁面會返回並作為下面的選單例項而格式化程式碼。
15. Coda 滑動選單
16. jQuery idTabs
idTabs是jQuery的外掛。他能非常容易的為網站新增選項卡. 但是他也為無窮的可能性敞開大門。
17. 使用CSS & jQuery建立順暢的選顯示卡內容區
網頁設計師設法把大量的資訊濃縮在一個網頁上而不失可用性是最大的挑戰之一。內容選項卡化是處理此類問題非常棒的方法,最近廣泛被應用於部落格。這是一篇非常棒的教程講解,使用HTML建立一個小的選項卡資訊盒,最後使用一些簡單js功能與jQuery庫實現。
18. 為jQuery愛好者準備的熔岩燈!
輕量級Lavalamp選單通過令人驚奇的jQuery javascript 庫封裝成的外掛.
19. jQuery下拉動畫選單
下拉選單是一個非常便利的正規化,使大選單濃縮在小的初始空間內。很長一段時間人們只是使用一種形式的標準下拉模式,但是隻需小小的努力你就可以使用jQuery 和 CSS建立雨刷效果的選單。
20. 運用jQuery使背景圖片生動起來
五種不同的方式,如何使用jquery建立生動的背景圖片真實效果
21. 怎樣使用jQuery建立‘Mootools 主頁’有創造性的導航效果
正如你說知道的那樣,現在有許多的相互競爭的javascript庫 ,雖然我喜歡jQuery, 但是我過去總喜歡執行在MooTools 上的選單。因此,在本指南中,我們將要使用jQuery建立相同效果的選單!
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的車庫門效果!
24. Perspective tabs
Perspective tabs是一個非常簡單的 mootools 1.2 外掛,可以在小空間內插入大量的選項卡。
25. Fisheye 選單
Fisheye選單是基於MacOSX文件可展開的選單。
26. JavaScript滑動選單 高亮 1kb
這滑動懸停效果指令碼是為你的導航選單新增一些風味的簡單方法。使用CSS你可以方便的自定義選單來滿足你的“外觀與感覺”要求。 指令碼非常的簡單,如下.
27. Mootools Demo Redux
簡單的可展開的Javascript導航選單
28. HoverAccordion
no-click二級選單jQuery外掛 (你可以用它他做任何你想做的).
29. 簡單的Javascript手風琴選單
Javascript手風琴選單在如今的網頁設計師世界廣為使用。我們看到有很多的這樣的指令碼。這是其中一個非常小的極其簡單容易使用的手風琴選單指令碼。不需要任何的框架並跨瀏覽器相容。
30. UvumiTools 下拉選單
UvumiTools下拉選單是非常簡單的多級選單,由HTML無序列表構造而成,使用 Mootools Javascript 框架,通過簡單的 <ul> HTML 元素進行編輯.
31. 使用css和jQuery建立多級下拉選單
32. jQuery & CSS 例項 – 下拉選單
下拉選單與選單條在早期的圖形使用者介面已經被大量使用。他們的使用變得無處不在,甚至預期,桌面應用程式,以及在網上迅速跟進。本文旨在描述最基本的,但是最強的技術,為您的應用程式或者網站的使用者介面設計新增下拉選單。
33. 浮動的選單jQuery&CSS
對我們所有的人來說,為了使用選單,處理長的頁面需要滾動到頁面的頂端,這有一個不錯的選擇,浮動的選單幫隨著頁面的滾動。 HTML, CSS 與 jQuery, 完全遵守W3C。
34. Superfish – jQuery選單外掛
Superfish是Suckerfish-style 選單的加強型 jQuery外掛。現在有純CSS下拉選單(所以沒有js降低優雅性) 並增加了以下非常搶手的改進:
35. JQuery Pager
一個簡單的JQuery外掛,為資料驅動的Web應用程式提供分頁功能介面。
36. jQuery feed 選單
當feeds變得流行,在你的網站上它有一個為讀者指向的RSS或者Atom feeds圖示。做為feeds,在國外部落格與網站中更為普遍。存在多個供稿的比比皆是,這裡是 jquery feed 選單解決方案!
相關文章
- 導航選單(動畫)--- jQuery動畫jQuery
- jQuery滑動導航選單jQuery
- jQuery導航頁面定位詳解jQuery
- JQuery 導航外掛和圖表jQuery
- jQuery三級導航選單詳解jQuery
- jQuery實現吸頂動畫導航欄jQuery動畫
- jQuery底部跟隨水平導航選單jQuery
- jQuery手風琴導航選單詳解jQuery
- jQuery css3環形導航選單jQueryCSSS3
- jQuery 緩衝效果二級導航下拉選單jQuery
- jQuery垂直手風琴導航選單詳解jQuery
- jQuery背景滑動跟隨的導航選單jQuery
- jQuery側邊欄隱藏和顯示導航jQuery
- flutter 自定義tab導航-頂部導航-底部導航Flutter
- jQuery 動畫方式展開或者收縮垂直導航選單jQuery動畫
- 10款最新CSS3 /jQuery選單導航外掛CSSS3jQuery
- 幫助你實現響應式導航的 jQuery 外掛jQuery
- 25 個響應式的 jQuery 導航選單外掛jQuery
- (轉)分享20個漂亮強大的jQuery導航選單jQuery
- DukuanCMS_網址導航,導航網站,網址導航原始碼網站原始碼
- jQuery手風琴風格收縮展開導航選單jQuery
- 使用 jQuery 和 CSS3 製作滑動導航選單jQueryCSSS3
- 應用於網站導航中的 15 個 jQuery 外掛網站jQuery
- 35個優秀的jQuery和CSS3導航選單jQueryCSSS3
- 導航特效特效
- Prism導航
- 路由導航路由
- 實現左側導航和橫向導航
- jquery-滑鼠經過導航條,顯示二級下拉選單jQuery
- CSS jquery圓角帶陰影的導航選單程式碼分享CSSjQuery
- PbootCMS導航選單-導航選單的使用教程boot
- 微服務導航微服務
- 分類導航
- Nas導航頁
- 如眸導航-真正屬於你的導航網站網站
- jQuery點選展開摺疊手風琴導航選單詳解jQuery
- Smint – 用於單頁網站製作 jQuery導航選單外掛網站jQuery
- 智慧醫院導航導診系統,院內導航方案怎麼樣?