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