精挑細(xì)選jQuery手風(fēng)琴效果插件和教程
當(dāng)你想在有限的頁面空間內(nèi)展示多個內(nèi)容片段的時候，手風(fēng)琴（Accordion）效果就顯得非常有用，它可以幫助你以對用戶非常友好的方式實現(xiàn)多個內(nèi)容片段之間的切換。借助流行的 jQuery 框架，只需很少的代碼就可以實現(xiàn)精美的手風(fēng)琴效果，幫助你的網(wǎng)站吸引更多用戶的眼球。
Elegant Accordion with jQuery and CSS3
首先推薦的這款插件是基于 jQuery 和 CSS3 實現(xiàn)的優(yōu)雅的鼠標(biāo)懸停手風(fēng)琴效果。
Vertical Sliding Accordion with jQuery
基于 jQuery 實現(xiàn)的垂直滑動的精美手風(fēng)琴效果，可以通過箭頭按鈕進行切換。
Grid Accordion with jQuery
這個是很特別的網(wǎng)格（Grid）手風(fēng)琴效果，融合了水平和垂直兩種滑動方式。
Making accordion menu using jquery
非常簡單的一個 jQuery 手風(fēng)琴菜單效果，是學(xué)習(xí)手風(fēng)琴效果的基本示例。
Horizontal JavaScript Accordion
這是另外一款水平的手風(fēng)琴效果，可以用于實現(xiàn)文本、圖片等內(nèi)容的平滑切換。
A Simple and Beautiful jQuery Accordion Tutorial
這款插件非常簡單，但是效果很不錯，有非常細(xì)的制作過程供學(xué)習(xí)。
Horizontal jQuery Accordion
這個是在實際使用中的 jQuery 手風(fēng)琴效果，實現(xiàn)基于點擊模式的水平切換。
Simple Accordion with CSS and jQuery
效果不錯的手風(fēng)琴效果，可以用于實現(xiàn)內(nèi)容片段間的平滑切換。
Create Accordions with CSS3, HTML5 and jQuery
結(jié)合 HTML5、CSS3 和 jQuery 實現(xiàn)的簡潔風(fēng)格的手風(fēng)琴效果。
Making a Fresh Content Accordion
基于 jQuery 實現(xiàn)的非常時尚的手風(fēng)琴效果，可以在項目中實際應(yīng)用，也是學(xué)習(xí)的好例子。
jQuery Accordion Image Slider
常用的手風(fēng)琴效果，水平方向的圖片滑動，可以應(yīng)用于實際項目中。
Flexible Slide-to-top Accordion
非常靈活的滑動至頂部手風(fēng)琴效果，適合內(nèi)容比較多的應(yīng)用場合。
原文鏈接：http://www.cnblogs.com/lhb25/archive/2011/02/16/1956557.html
