BubbleSlider是一款jQuery插件，能将input元素转换为带有圆形气泡提示的滑块。支持自定义滑块的数值范围、步长及显示格式等。
Bubble Slider是一款可以将任意input元素转换为漂亮的范围滑块slider的jQuery插件。转换后的滑块以圆形气泡作为滑块的拖动目标，并且会在拖动目标上以tooltip的形式显示当前滑块的值。使用方法使用该滑块插件需要在页面中引入bubble-slider.css，jQuery和jquery.bubble-slider.js文件。
HTML结构为你需要转换的input元素添加bubble-slider class，你还可以设置min, max, step和value属性来设置滑块的值。除了上面的属性，其它的属性要通过data-属性来设置。配置参数min：最小值，默认为0。max：最大值，默认为100。step：步长，默认为1。value：当前值，默认为50。decimals：显示的小数位数，默认为0。prefix：数字的前缀，默认为" "。postfix：数字的后缀，默认为" "。color：缩略图，加减号按钮的颜色，默认为" "。bgColor：滑块的背景色，默认为" "。bubbleColor：气泡的前景色，默认为" "。bubbleBgColor：气泡的背景色，默认为" "。用举例设置全局默认值。 通过CSS class来设置滑块。通过js来初始化滑块。 滑块最终生成的HTML结构，可以通过相应的class类来修改滑块的样式。
dd:
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
