Choco-Slider是一個(gè)輕量級(大(dà)約7kb)，靈活的jQuery圖片Slider插件。用戶可(kě)以定制(zhì)過渡動畫(huà)效果，包括百葉窗翻動和(hé)淡入淡出效果，可(kě)以定義是否自動播放和(hé)播放間(jiān)隔時(shí)間(jiān)等參數(shù)。當然也是跨浏覽器(qì)兼容的。

本例實現的效果：

如何使用？

1、創建XHTML

你(nǐ)可(kě)以給每張圖片加上(shàng)title屬性，主要用來(lái)顯示圖片的标題或說明(míng)文字。當然你(nǐ)也可(kě)以給圖片加上(shàng)鏈接。

2、引用jQuery和(hé)CSS

3、使用Choco-Slider

Choco-Slider提供了多(duō)個(gè)可(kě)以自定義的選項參數(shù)設置，如下：

auto:true, //設置是否自動播放幻燈片，其實隻有(yǒu)設置為(wèi)false時(shí)才會(huì)自動播放。
autoPause:true, //當鼠标滑向圖片時(shí)，停止播放。
speedStrip:500, //滑動速度
effect:"random", //設置切換動畫(huà)效果，有(yǒu)三種模式：effect1（百葉窗切換）, effect2（淡入淡出）
 and random（随機）
sliderDelay:3000, //圖片切換的延時(shí)時(shí)間(jiān)
transparencytitle:0.8, //标題的背景透明(míng)度
chocoEnd: function(){}, //當切換完成的回調函數(shù)
controlNavigation:true //是否顯示導航按鈕