在網(wǎng)站開(kāi)發(fā)中，我們常常需要用到很豐富的特效來(lái)裝飾網(wǎng)站，當(dāng)你想在有限的頁(yè)面空間內(nèi)展示多個(gè)內(nèi)容片段的時(shí)候，手風(fēng)琴（Accordion）效果就顯得非常有用，它可以幫助你以對(duì)用戶(hù)非常友好的方式實(shí)現(xiàn)多個(gè)內(nèi)容片段之間的切換。它也可以作為banner焦點(diǎn)圖使用，本篇文章收集了5個(gè)常用的手風(fēng)琴的效果代碼，代碼可以直接拿來(lái)使用與修改，一起來(lái)看看吧。1.jQuery圖片滑動(dòng)手風(fēng)琴代碼演示和下載地址：http://www.php.cn/xiazai/js/534代碼簡(jiǎn)介：jQuery圖片滑動(dòng)手風(fēng)琴代碼是一款帶有標(biāo)題的手風(fēng)琴滑動(dòng)切換特效。2.鼠標(biāo)經(jīng)過(guò)切換jQuery手風(fēng)琴演示和代碼簡(jiǎn)介：鼠標(biāo)經(jīng)過(guò)切換jQuery手風(fēng)琴是一款簡(jiǎn)單實(shí)用的鼠標(biāo)經(jīng)過(guò)圖片自動(dòng)切換特效代碼。3.jQuery五屏輪播手風(fēng)琴切換代碼演示和下載地址

1. 網(wǎng)頁(yè)中5個(gè)常用的手風(fēng)琴效果代碼推薦

簡(jiǎn)介：在網(wǎng)站開(kāi)發(fā)中，我們常常需要用到很豐富的特效來(lái)裝飾網(wǎng)站，當(dāng)你想在有限的頁(yè)面空間內(nèi)展示多個(gè)內(nèi)容片段的時(shí)候，手風(fēng)琴（Accordion）效果就顯得非常有用，它可以幫助你以對(duì)用戶(hù)非常友好的方式實(shí)現(xiàn)多個(gè)內(nèi)容片段之間的切換。它也可以作為banner焦點(diǎn)圖使用，本篇文章收集了5個(gè)常用的手風(fēng)琴的效果代碼，代碼可以直接拿來(lái)使用與修改，一起來(lái)看看吧。

2. 詳解HTML5應(yīng)用中accordion三種效果的探索

簡(jiǎn)介：摘要：Accordion（手風(fēng)琴，又名"抽屜"）效果，因其收展樣式形如手風(fēng)琴而得名。通過(guò)層級(jí)關(guān)系，在信息展示和頁(yè)面布局上，達(dá)到巧妙的平衡。因此，廣泛運(yùn)用于Web以及App交互設(shè)計(jì)中。在以往的項(xiàng)目中Accordion通常是由JavaScript編碼實(shí)現(xiàn)。本次分享，著重探索兩種不依靠JS，采用純CSS3或HTML5來(lái)實(shí)現(xiàn)其效果。并對(duì)其優(yōu)缺點(diǎn)作初步的對(duì)比。

3. PHP開(kāi)發(fā)框架Yii Framework教程(33) Zii組件-Accordion示例

簡(jiǎn)介：Zii組件中包含了一些基于JQuery的UI組件，這些UI組件定義在包zii.widgets.jui中，包括CJuiAccordion ， CJuiAutoComplete，CJuiDatePicker等。本篇介紹CJuiAccordion，顯示一個(gè)Accordion組件（類(lèi)似手風(fēng)琴可以折疊的UI組件）。 這個(gè)控件封裝了 JUI Accordion插件。

4. 基于Bootstrap的垂直手風(fēng)琴動(dòng)畫(huà)特效

簡(jiǎn)介：這是一款基于Bootstrap的垂直手風(fēng)琴特效。該垂直手風(fēng)琴特效基于原生的Bootstrap Accordion組件來(lái)制作，通過(guò)CSS3來(lái)對(duì)它進(jìn)行美化，效果美觀大方。

5. 基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件

簡(jiǎn)介：基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件

6. Yii Framework 開(kāi)發(fā)教程Zii組件-Accordion示例_PHP教程

簡(jiǎn)介：Yii Framework 開(kāi)發(fā)教程Zii組件-Accordion示例。Zii組件中包含了一些基于JQuery的UI組件，這些UI組件定義在包zii.widgets.jui中，包括CJuiAccordion ，CJuiAutoComplete，CJuiDatePicker等。本篇介紹CJuiAcc

7. 關(guān)于 UI 中的 accordion_html/css_WEB-ITnose

簡(jiǎn)介：關(guān)于 UI 中的 accordion

8. Yii Framework 開(kāi)發(fā)教程Zii組件-Accordion示例

簡(jiǎn)介：Yii Framework 開(kāi)發(fā)教程Zii組件-Accordion示例。Zii組件中包含了一些基于JQuery的UI組件，這些UI組件定義在包zii.widgets.jui中，包括CJuiAccordion ，CJuiAutoComplete，CJuiDatePicker等。本篇介紹CJuiAcc

9. Accordion加載了內(nèi)容以后 無(wú)法加載jquery的accordion效果

簡(jiǎn)介：{代碼…} {代碼…}

10. accordion介紹

簡(jiǎn)介：accordion介紹

【相關(guān)問(wèn)答推薦】：

javascript – accordion(手風(fēng)琴)和collapsible(可折疊)有什么區(qū)別？

javascript – textarea綁定了accordion下拉事件以后，輸入文本按回車(chē)就成觸發(fā)accordion了，沒(méi)法回車(chē)換行怎么辦？謝謝！

php – Accordion加載了內(nèi)容以后 無(wú)法加載jquery的accordion效果

javascript – accordion折疊標(biāo)簽中的a的超鏈接不跳轉(zhuǎn)，怎么改代碼實(shí)現(xiàn)跳轉(zhuǎn)呢？？？