CrazyPlugin

CrazyScroll 滚动插件

CrazyScroll让网站滚动飞起来,让web开发更迅速、简单、代码更加简洁。

一个插件即可轻松解决网站所有滚动特效,这就是CrazyScroll

CrazyScroll兼容IE6等以上所有浏览器


温馨提示:红色代表必填参数     绿色代表可选参数     没有颜色的无特殊要求一般无需修改

1.参数选项

参数 默认值 版本 详细说明
rookie true 1.0 新手模式 默认是开启 自动配置一些参数
scrollWrap #scrollWrap 1.0 会在图片滚动ul外包围自动加<div id="scrollWrap"><ul class='picList' ></ul></div>
mainScroll .picList 1.0 该class是挂在图片滚动ul上面的<ul class='picList' ></ul>
mainDot .dotList 1.0 该class是挂在图片滚动当前状态ul上的<ul class='dotList' ></ul>
pageNum false 1.0 显示数字页数 默认为 false 开启填写class或者id ".pageNum"
dotClass active 1.0 该class是挂在图片滚动当前状态li上的<ul class='dotList'><li class="active"></li><li></li></ul>
leftBtn .prev 1.0 左按钮
rightBtn .next 1.0 右按钮
autoBtn false 1.0 悬浮显示按钮,移除按钮隐藏 一般用于banner滚动 开启:true 关闭 false
effect left 1.0 滚动方向:left top
showNum 3 1.0 显示的个数
scrollNum 3 1.0 滚动的个数
dotSwitch false 1.0 是否显示当前点状态导航开关 默认关闭 [布尔值] true开启 false关闭
trigger click 1.0 触发方式 click:鼠标点击触发; mouseover:鼠标移过触发;
speed 3000 1.0 滚动速度 默认是3000毫秒 1秒为1000毫秒
animateTime 1000 1.0 动画执行时间 默认是1000毫秒 1秒为1000毫秒
autoPlay true 1.0 是否自动滚动   [布尔值]   默认开启   true开启   false关闭
easing swing 1.0 图片轮播缓动效果:
所有效果: swing | easeInQuad | easeOutQuad | easeInOutQuad | easeInCubic | easeOutCubic | easeInOutCubic | easeInQuart | easeOutQuart | easeInOutQuart | easeInQuint | easeOutQuint | easeInOutQuint | easeInSine | easeOutSine | easeInOutSine | easeInExpo | easeOutExpo | easeInOutExpo | easeInCirc | easeOutCirc | easeInOutCirc | easeInElastic | easeOutElastic | easeInOutElastic | easeInBack | easeOutBack | easeInOutBack | easeInBounce | easeOutBounce | easeInOutBounce
mouseOverStop true 1.0 鼠标悬浮停止   [布尔值]   默认悬浮停止 true   不停止false
loop false 1.0 是否循环滚动   [布尔值]   默认循环关闭 false   循环开启true
autoMarquee false 1.0 是否开启跑马灯无缝滚动   [布尔值]   默认关闭 false   开启true   
注意:无缝滚动需要开启loop循环滚动
reverse false 1.0 是否反转滚动   [布尔值]   默认关闭 false   开启true
fullScreen false 1.0 是否开启全屏滚动模式   [布尔值]   默认关闭 false   开启true
navMenu false 1.0 导航菜单节点,菜单可以控制滚动 默认false 关闭 开启只要填写id或者class选择器 例如:"#menu"
resize false 1.0 是否开启响应式 一般用于全屏滚动模式   [布尔值]   默认关闭 false   开启true

2.回调函数

方法名称 参数 版本 详细说明
initScroll 1.0 页面结构生成后的回调函数,或者说页面初始化完成后的回调函数
beforeScroll (index) 1.0 滚动前的回调函数,接收 index索引 1个参数:index 是离开的“页面”的序号,从1开始计算;
afterScroll (index) 1.0 滚动到某一屏后的回调函数,接收 index索引 1个参数 index 是序号,从1开始计算