简介：
 
jQuery Cycle Plugin是一款切换图片的jQuery插件，该插件提供多种切换效果，如洗牌、切入、淡出、展开、卷动、转动等切换效果。
 

提供的切换效果
 
 blindX（左右切入效果）
 blindY（上下切入效果）
 blindZ（右下角切入效果）
 cover（覆盖效果）
 curtainX（上下揭幕效果）
 curtainY（左右揭幕效果）
 fade（淡出效果）
 fadeZoom（淡出变焦效果）
 growX（上下展开效果）
 growY（左右揭幕效果）
 scrollUp（向上卷动效果）
 scrollDown（向下卷动效果）
 scrollLeft（向左卷动效果）
 scrollRight（向右卷动效果）
 scrollHorz（水平卷动效果）
 scrollVert（垂直卷动效果）
 shuffle（洗牌效果）
 slideX（左右平滑效果）
 slideY（上下平滑效果）
 toss（投掷效果）
 turnUp（向上转动效果）
 turnDown（向下转动效果）
 turnLeft（向左转动效果）
 turnRight（向右转动效果）
 uncover（向上转动效果）
 wipe（斜切效果）
 zoom（变焦效果）
 
提供的参数
 
fx（效果）：具体参数可留意上方的列表，如toss、slideX、cover、shuffle等切换效果
 speed（切换速度）：切换图片过程的速度（以毫秒计算）。如2秒，则数值为2000。
 timeOut（停留时间）：切换后图片的停留时间（以毫秒计算）。如2秒，则数值为2000。
 pause（暂停）：鼠标在图片上方时暂停切换。非0则生效，0则无效。
 random（随机）：随机切换图片。非0则生效，0则无效。
 delay（延迟时间）：第一张幻灯片延迟时间，以毫秒计算。如-2000。
 sync（同步）：当一张图片离场的过程中，后一张紧贴在这张图片后出场就是同步了。如果想一张一张显示的话，就是不同步。所以，如果要同步的话，就是非0或者true，如果不同步的话，就写0或者false。
 delay（延迟时间）：第一张幻灯片延迟时间，以毫秒计算。如-2000。
 easing（easing插件结合使用）：结合另一款优秀的jQuery插件jQuery Easing Plugin，它提供多种效果。如easeInOutBack、easeOutBounce等。详细可查看本站另一篇文章 进入
 shuffle（fx必须是shuffle效果，否则无任何效果）：shuffle参数是shuffle效果的拓展，可以指示shuffle效果的切换方向、位置。
 假设{top:100,left:0}，为正下方切换；
 假设{top:100,left:100}，为右下角方向切换；
 假设{top:100,left:-100}，为左下角方向切换；
 假设{top:-100,left:0}，为正上方切换；
 假设{top:-100,left:100}，为右上角方向切换；
 假设{top:-100,left:-100}，为左上角方向切换；
 假设{top:0,left:-100}，为正左方向切换；
 假设{top:0,left:100}，为正右方向切换；
 更多的参数内容，可以查看该插件的官方网站。http://malsup.com/jquery/cycle/
 
插件详细
 
插件官网：http://malsup.com/jquery/cycle/
插件链接：http://malsup.github.com/jquery.cycle.all.js
插件下载：http://malsup.com/jquery/cycle/download.html
插件文档：http://malsup.com/jquery/cycle/options.html
 
Demo
 

shuffles（洗牌效果）
 $(\'.ul_pic\').cycle(
{
    fx:\'shuffle\',
    shuffle: {top:-241,left:173},
    easing: \'easeOutBack\',
    delay:-4000
});
 

scrollDown（向下卷动效果）
 $(\'.ul_pic\').cycle(
{
   fx:\'scrollDown\',
   easing: \'easeOutBounce\',
   delay:-3000
});
 

toss（投掷效果）
 $(\'.ul_pic\').cycle(
{
   fx:\'toss\',
   easing: \'easeOutBack\',
   delay:-3000
 });