jquery.cycle.js切换效果参数解析[转]

jquery.cycle.js现在暂时支持27种切换特效,我一一测试如下,以字母排序:

  1. blindX:前图向右滑动渐隐,后图向左滑动渐显
  2. blindX:前图向下滑动渐隐,后图向上滑动渐显
  3. blindX:前图向右下滑动渐隐,后图向左上滑动渐显
  4. cover:前图不动,后图从右划入覆盖前图
  5. curtainX:图片被分成左右两段,前图两段向右滑动渐隐,后图两段向左滑动渐显(酷!)
  6. curtainY:图片被分成上下两段,前图两段向下滑动渐隐,后图两段向上滑动渐显(酷!)
  7. fade:前图渐隐,同时后图渐显
  8. fadeZoom:前图渐隐,同时后图由小变大覆盖前图
  9. growX:前图不动,后图宽度从0增至100%,出发点:中间
  10. growY:前图不动,后图高度从0增至100%,出发点:中间
  11. scrollUp:同时向上滑动至后图完全显示
  12. scrollLeft:同时向左滑动至后图完全显示
  13. scrollRight:同时向右滑动至后图完全显示
  14. scrollDown:同时向下滑动至后图完全显示
  15. scrollHorz:同Left,但手动触发时,如果触发数字小于当前,则反向滚动
  16. scrollVert:同Down,但手动触发时,如果触发数字小于当前,则反向滚动
  17. shuffle:前图向左下方飞出,然后飞入后图背后(酷!)
  18. slideX:前图宽度由100减至0,后图宽度由0增至100%(酷!)
  19. slideY:前图高度由100减至0,后图高度由0增至100%
  20. toss:前图向右上方飞至消失
  21. turnUp:前图不动,后图从底部向上滑入
  22. turnDown:前图向下滑出,后图不动
  23. turnLeft:前图不动,后图从右向左滑入
  24. turnRight:前图向右滑出,后图不动
  25. uncover:前图向左滑出,后图不动
  26. wipe:前图不动,后图的宽和高同时由0增至100%覆盖前图,出发点:左上
  27. zoom:前图缩小至0,后图由0放大至100%,出发点:中间

其中:cover,uncover,turn系列效果相似

jquery.cycle.js,不得不说非常强大,如果以上效果你还不满意,那还可以自定义,下面的文章有提到…

如何使用jquery.cycle.js,可以看这里:http://www.jo2.org/192.html

相关文章

发表评论

返回顶部