插件描述：通过拖动滑块快速输入数值，并可以设置常用的数值快速选择
更新时间：2017-8-23 22:10:46
更新说明：修改了点击快捷数字不正确的BUG
拖动滑块快速选择数字插件通过拖动滑块快速输入数值，并可以设置常用的数值快速选择，也可以设置回调函数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <div class="widget-sider"></div><script type="text/javascript"> $(function(){ $(".widget-sider").sider({ min:0, //最小值 max:50, //最大值 step:5, //拖动步长 quick:[5,25,45,50], //快速选择列表 value:20, //默认值 callback:function(_this,value,status){ //回调函数， 反回3个参数， //_this : 当前元素 //value : 选取的值 //status : 是否选择完毕 $("#callback").text(value); if(status) $("#callback").css("border","1px solid #f60"); else $("#callback").css("border","1px solid #d7d7d7"); } }); })</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 基于 jQuery 的便签效果（原创）
- 下一个特效： jQuery倒计时插件