推薦30個實用的jQuery選項卡/導航教程
很多網站設計中都使用了選項卡（tabs），在制作選項卡時應用 jQuery 能夠實現很多炫酷的過渡和動畫效果。本文為你介紹30個實用的 jQuery 選項卡教程，希望對你有幫助。
1. Animated Tabbed Content With jQuery
選項卡被現代網站普遍應用，但大多數形式呆板。本教程逐步為你講授如何實現選項卡動畫切換效果。
2. Tab Navigation with Smooth Horizontal Sliding Using jQuery
本教程為你展示如何創建一個水平幻燈片效果的導航菜單。它是由控制元素組成的一組選項卡。點擊其中一個，一組選項卡向左水平展開，再次點擊，即可恢復原狀。
3. jQuery UI Tabs with Next/Previous
當頁面中出現3、4個以上的選項卡會顯得比較擁擠。可行的方式是用 Next/Previous 按鈕定位來控制切換，這時你甚至無需移動光標就可以點擊瀏覽每個頁面。
4. Create a smooth tabbed menu in jQuery
通過本教程，你無需加載大量的 jQuery UI 庫，便可實現大量功能。
5. jQuery ‘Tab Slide Out’ Plugin
本教程使用 jQuery 插件實現反饋表單、聯系表單和其他表單中通過點擊選項卡滑動顯示內容的效果。
6. jQuery Moving Tab and Sliding Content Tutorial
本教程講述選項卡動態切換，讓選項卡實現“熔巖燈”效果，內容實現動態切換效果。
7. jQuery Tabs
本教程講述使用 jQuery 創建選項卡界面。
8. jQuery animated feedback tab thingy
本教程講述通過 jQuery 和 CSS 輕松創建網站小部件。
9. Create Bounce out Vertical menu with jQuery
本教程通過 CSS 和 jQuery 為導航菜單創建簡單的下拉菜單。
10. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial
在網站的文章、評論等內容上應用選項卡，這不僅能節省網頁空間，還能提高網站可用性。
11. Lazy Loading jQuery Tabs with ASP.NET
本教程講述應用 jQuery 選項卡提高訪問和顯示的效率。
本教程講述應用 jQuery 創建簡單選項卡界面，通過選項卡界面最大限度節省空間。
13. Jquery Tabbing, Create Tab using Jquery， Jquery Tabbing Made Easy
采用傳統的 JavaScript 顯示/隱藏方法創建選項卡，但會出現瀏覽器兼容問題。
14. Organic Tabs
本教程教你創建一個選項卡界面，可以點擊切換。
15. jQuery Sliding Tab Menu for Sidebar Tutorial
本教程教你在側邊欄創建一個 jQuery 滑動選項卡菜單。
16. Make a custom tab interface with JQuery
開發一款可用于 WordPress 的日志列表選項卡。
17. Sweet AJAX Tabs With jQuery 1.4 & CSS3
本教程講述應用 jQuery 和 CSS 創建選項卡，既直觀顯示網頁內容，又有效節約網頁空間。
18. ‘Vertical Tabs’ for jQuery lovers!
本教程講述應用 jQuery 插件，實現鼠標懸停切換選項卡。
19. Creating a Tabbed Wizard Interface in ASP.NET using jQuery Tabs
本教程通過應用 jQuery 選項卡，簡化文件之間的導航，并探討如何集成到 ASP.NET 中。
20. Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery
本教程應用 jQuery 創建動態 Blogroll。為博客閱讀者提供簡單的列表。
21. Create a Slick Tabbed Content Area using CSS & jQuery
本教程講述應用 CSS 和 jQuery 創建簡單的選項卡信息框。
22. jQuery To Fade Effects tabs
本教程講述漸隱效果的選項卡的實現方法。
23. jQuery Plugin – Feature List
本教程講述創建一個簡單的“Featured Items”部件。
這款插件已經更新到2.0版本。它在完全兼容以前版本的同時顯得更加靈活，另外，具有 even-hooks 和公共方法等一些新功能。
25. Fancy Sliding Form with jQuery
本教程講述應用 jQuery 創建幻燈片切換效果的表單。
26. Create A Tabbed Interface Using jQuery
本教程講述應用 jQuery UI，只需一行代碼就能創建選項卡界面。
27. Tabify – Tabbed content with ease (jQuery plugin)
本教程講述應用 jQuery 輕松創建選項卡。
28. Tabbed Content with Navigation using jQuery UI
本教程講述應用 jQuery UI 庫創建幻燈效果的選項卡。
29. How easy to create a slide tabbed box using jQuery
本教程講述應用 jQuery 插件創建滑動效果的選項卡。
30. Simple Tabs w/ CSS & jQuery
本教程講述應用 CSS 和 jQuery 創建選項卡。
Via webdesign14
來自: www.iteye.com