更改前的光滑滑块 - Javascript

介绍一个光滑滑块的JS插件，该插件可以生成一个拥有漂亮动画效果的滑块，并且允许您更改滑块的外观和行为。

如何使用

HTML:

<div id="slider"></div>

JS:

var slider = new Slider("#slider", {
  min: 0,
  max: 10,
  value: 5
});

参数说明

| 参数 | 类型 | 默认值 | 描述 | | ---- | ---- | ---- | ---- | | min | Number | 0 | 最小值 | | max | Number | 100 | 最大值 | | value | Number | 50 | 初始值 | | step | Number | 1 | 步长 | | orientation | String | "horizontal" | 方向，可以是："horizontal" 或 "vertical" | | range | Boolean | false | 是否有范围 | | selection | String | "before" | "范围选择器" 高亮的部分。可以是 "before", "after" 或 "none" | | tooltip | String/Boolean | "show" | 是否显示提示。可以是 "show", "hide", "always" 或 false | | tooltip_split | Boolean | false | 是否显示范围选择器中的每个部分的提示 | | tooltip_position | String | "top" | 提示位置，可以是 "top", "bottom", "left" 或 "right" | | handle | String | "round" | 拖动手柄的形状，可以是 "round" 或 "square" | | reversed | Boolean | false | 是否翻转标度 |

示例

• 点击查看 基本示例
• 点击查看 带范围的示例
• 点击查看 自定义提示框的示例

最后

这是一个优秀的滑块插件，随时可以进行定制化。在您的下一个项目中使用它来制作漂亮又实用的滑块吧！