input元素转换为漂亮的slider滑块jQuery插件 - Bubble Slider

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类来修改滑块的样式。

在线演示        积分下载        6毛下载        砍两刀下载