![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<div class="bar1 bar"></div>
<div class="bar2 bar"></div>
<div class="bar3 bar"></div>
<div class="bar4 bar"></div>$('.bar1').slideToUnlock();
$('.bar2').slideToUnlock({
height: 50,
width: 200,
});
$('.bar3').slideToUnlock({
text: '未解锁的文字',
succText: '解锁成功的文字'
});
$('.bar4').slideToUnlock({
bgColor: '#fce',
progressColor: '#f60',
succColor: '#f00',
textColor: '#fff',
succTextColor: '#fff',
});| 参数 | 描述 | 默认值 |
| width | 滑块的宽度 | 默认为容器的宽度 |
| height | 滑块的高度 | 默认为容器的高度 |
| bgColor | 滑块的背景颜色 | #E8E8E8 |
| progressColor | progress的颜色 | #FFE97F |
| handleColor | 滑块手柄的颜色 | #fff |
| succColor | 成功解锁后的颜色 | #78D02E |
| text | 滑块上的默认文字 | 'slide to unlock' |
| textColor | 文字的颜色 | #000 |
| succText | 成功解锁后显示的文字 | 'ok!' |
| succTextColor | 成功解锁后显示的文字颜色 | #000 |
| succFunc | 成功解锁后的回调函数 | function() { alert('successfully unlock!'); } |
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
