Widget练习

/***************************常用的属性******************************/
1.'effect': 'fade' 切换时的动画效果
none, 最朴素的显示/隐藏效果
fade, 可实现淡隐淡现的效果
scrolly, 垂直滚动
scrollx, 水平滚动

2.'autoplay': true 是否自动播放，true/false (默认值：true)

3.'circular': true 是否有循环滚动效果 true/false (默认值：true）

4.'activeTriggerCls':'selected' 默认激活列表项的class值（li内容的切换），自定义值（自定义类名） (默认值：active)

5.'duration':'0.01' 动画时长（切换下一个动画的时间） 自定义值（默认值：0.5）

6.'delay':'0.01' 延迟加载时间（执行事件的延迟时间） 自定义数值 (默认值：1)

7.'easing':'easeOutStrong' 滚动的动画方方式 easeOutStrong/easeBoth 块/慢

8.'steps':5,一次切换多少张图片

9.'viewSize':[680] 切换视图区域的大小。自定义值

10.'prevBtnCls':'prev' 上一页的class值

11.'nextBtnCls':'next' 下一页的class值

12.'disableBtnCls':'disable' 按钮不可用的class值，默认不可用，事件出发后，可用

13.'lazyDataType':'img-src'图片懒加载属性

14.navCls （自定义类名） 对其进行轮播的目标列表的class值
contentCls （自定义类名）轮播列表所对应的内容列表的class值

/**************************Accordion - 手风琴*********************************/

15.triggerType 触发方式——mouse：鼠标经过触发click：鼠标点击触发 mouse/click(默认值：mouse)

16.'multiple':true 是否同时支持多面板展开 true/false (默认值：false)

/********************Popup - 弹出层******************************/

17. 'trigger':'.first-trigger'（自定义类名） 触点元素，就是鼠标滑过哪个元素的时候弹出当前的popup，支持class和id选择器的写法

18. 'align':{
'node':'.first-trigger',
'offset':[0,0],
'points':['cr','cc']
}
}
offset：弹出层的偏移量(x,y)
points:[x,y]弹出层的y与触点的x重合
/***************************ntdown - 倒计时***************************/
19.Countdown - 倒计时
1.'endTime': '30000',倒计时总时间
2.'interval': 1000, 执行倒计时的时间间隔
3.'timeRunCls': '.ks-countdown-run', 此标签的内容在倒计时运行时显示,倒计时结束时隐藏
4. 'timeEndCls': '.ks-countdown-end' 此标签的内容在倒计时运行时隐藏,倒计时结束时显示
5. 'timeUnitCls':{
'd': '.ks-d',
'h': '.ks-h',
'm': '.ks-m',
's': '.ks-s',
'i': '.ks-i'
}
时间格式，天，时，分，秒，毫秒
6. 'minDigit': 1

转载于:https://www.cnblogs.com/LWJ-booke/p/7428803.html