当前位置:96看吧 > 实用代码 > jQuery插件 > jQuery图片切换插件cycle

jQuery图片切换插件cycle

时间:2013/11/25
作者:cycle
来源:jquery.malsup.com/cycle/
查看:
标签:jquery插件

jquery.cycle.js能实现的切换效果非常复杂,相伴而来的就是它也有不简单的参数设置,不过我会给大家一一描述清楚的。

自从使用了jquery.cycle.js再也不用自己写javascript的图片切换效果了,因为一想到它,我就会有一种深深的无力感,就好像面对着一座翻不过去的大山。

作者网站:http://jquery.malsup.com/cycle/

当然jquery.cycle.js的强大远不止于此,下面列举一些它的基本参数:

  • fx:’fade’》值:字符串,作用:选择特效.切换效果是它的重头戏,我统计过,jquery.cycle.js支持27种切换效果,我一一进行了测试,列举在《jquery.cycle.js切换特效参数详解》这篇文章中了。
  • speed:300》值:正整数,作用:图片渐变效果持续时间
  • timeout:3000》值:正整数,作用:切换间隔时间
  • pause:1》值:布尔值,作用:决定鼠标指上去时是否暂停
  • next:”》值:字符串,实际是一个jquery对象,如’#s1′;作用:指定触发变动到下一张事件的元素
  • prev:’‘》值:同next;作用:指定触发变动到上一张事件的元素
  • pager:》值:一个jquery对象;作用:指定页码元素,如多图片滚动时那个数字序号条
  • pagerEvent:’mouseover’》值:鼠标事件;作用:指定页码触发事件
  • pauseOnPagerHover:true》值:布尔值;作用:为true时,鼠标指向页码区时暂停切换
  • before:》值:函数;作用:指定变动开始前调用的函数
  • after:》值:函数;作用:指定变动结束后调用的函数
  • 其中,next,prev,pager在制作带页码的多图片切换时非常有用。
  • 不常用的参数:
  • easing:”》值:字符串,作用:选择缓动公式 (需配合Easing Plugin才能使用)
  • random:1》值:布尔值,作用:是否随机跳转
  • delay:》值:整数,作用:指定第一次变动开始前的延迟(不太确定)
  • sync:》值:布尔值,作用:为false时,前一张图片变动完成后,才会执行后一张图片的变动
  • shuffle:{top:300,left:300}》值:对象,作用:当fx:’shuffle’时才能使用,定义shuffle效果的偏移位置

基本上可以不用的参数:

  • cssBefore:变动前元素的CSS样式
  • animIn:变动进入时的CSS
  • animOut:变动淡出时的CSS
  • cssAfter:变动结束后的CSS
  • cssFirst:英文读不懂了
上一篇:jQuery插件lazyload图片预加载
下一篇:jQuery倒计时插件FlipTimer
页面举报
Report
关闭页面
Close
收藏页面
Favorites
分享页面
Share
版权信息:栏目内,站内会员所分享的全部“资源/素材/文章”,仅供学习与参考,版权为原作者所有。
下载提示:非注册用户每天可下载一个文件,已注册会员不受限制。
网友评论
数据载入中
验证码
  • 请您注意:
  • ·请不要在评论中含与内容无关的广告链接。
  • ·不良评论请用报告管理员,以利管理员及时删除。
  • ·遵守中华人民共和国的各项有关法律法规
  • ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • ·本站管理人员有权保留或删除评论中的任意内容
  • ·您在本站发表的作品,本站有权在网站内转载或引用
  • ·参与本评论即表明您已经阅读并接受上述条款
相关最新
相关热门