网页滑竿拖拽选择值slider插件

网页滑竿拖拽选择值slider插件源码下载

看看谁在用

查看文件结构

文件大小:0.01M

资源分类: 插件-选择和筛选

更新时间: 2022-06-05

一个轻量级的和可定制的JavaScript插件,范围滑块选择功能。提供了一个很好的方法,用户可以获得的数值。

基础调用方法
rangeSlider(document.querySelector('#range-slider-example'));
方向
rangeSlider(document.querySelector('#range-slider-example'), {
  orientation: 'vertical'
})
所有配置参数
rangeSlider(document.querySelector('#range-slider-example'), {
  // min value
  min: 0,
  // max value
  max: 100,
  // step size
  step: 1,
  // initial values
  value: [25, 75],
  // disable the range slider element
  disabled: false,
  // disable the range slider
  rangeSlideDisabled: false,
  // disable left/right (top/bottom) thumbs
  thumbsDisabled: [false, false],
  // or 'vertical'
  orientation: 'horizontal',
  // callback function
  onInput: function(valueSet) {
    // ...
  },
})
API方法
// get min value
instance.min()
// get max value
max()
// get step size
step()
// get values
value()
// set values
value([minValue, mavValue])
// get orientation
orientation()
// disable range slider element
disabled()
// disable range slider
rangeSlideDisabled()
// disable thumbnails
thumbsDisabled([true, true])

网页滑竿拖拽选择值slider插件

正在加载文件目录...

也许你还喜欢

  1. 拖拽Slider切换
  2. jQuery下拉分类多选插件
  3. xncolpicker.js颜色选择器插件
  4. jQuery简约弹出式选择城市插件
  5. 创意css+svg图片选择打钩效果
  6. 数字滚动累计js插件
svg网页动画万圣节夜晚
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备20015882号-5
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器