素材8网-专注前端素材！
来源：https://www.htmlsucai.com/47519.html

jQuery拖动滑块选择数字插件sider.jquery.js

  • 2160
  • 0
  • 0


拖动滑块快速选择数字插件通过拖动滑块快速输入数值，并可以设置常用的数值快速选择，也可以设置回调函数
  1. <div class="widget-sider"></div>
  2. <script type="text/javascript">
  3.    $(function(){
  4.       $(".widget-sider").sider({
  5.          min:0, //最小值
  6.          max:50, //最大值
  7.          step:5, //拖动步长
  8.          quick:[5,25,45,50], //快速选择列表
  9.          value:20, //默认值
  10.          callback:function(_this,value,status){
  11.             //回调函数， 反回3个参数，
  12.             //_this : 当前元素
  13.             //value : 选取的值
  14.             //status : 是否选择完毕
  15.             $("#callback").text(value);
  16.             if(status)
  17.                $("#callback").css("border","1px solid #f60");
  18.             else
  19.                $("#callback").css("border","1px solid #d7d7d7");
  20.          }
  21.       });
  22.    })
  23. </script>
复制代码
相关素材
jQuery拖动滑块选择数字插件sider.jquery.js
  • 厚栋 刚刚下载了一个素材
  • 飞宇超级宝共享充电宝 刚刚下载了一个素材
  • 樱桃漫 刚刚下载了一个素材
  • 天天侃篮球 刚刚下载了一个素材
  • 热先生 刚刚下载了一个素材
  • 七彩云对象存储 刚刚下载了一个素材
  • 提灯晚风为欢几何 刚刚下载了一个素材
  • dy_DZH_pxx 刚刚下载了一个素材
  • 路宝宝 刚刚下载了一个素材
  • huang-lan 刚刚下载了一个素材
  • 柚怎么了 刚刚下载了一个素材
  • Yoloo喊我宝贝 刚刚下载了一个素材
  • 令狐百奇 刚刚下载了一个素材
  • dy_Jiawenjie_jbn 刚刚下载了一个素材
  • wocong 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2026  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题