这是一款在原生bootstrup slider的基础上制作效果非常炫酷的jQuery slider插件。该slider插件可以自定义slider的颜色、形状、透明度和tooltip等属性,美化的效果非常好。
这个bootstrup slider插件可以不依赖于jquery,使用纯js的方式也可以操作它。
作为jQuery插件版本的bootstrap-slider
var mySlider = $("input.slider").slider(); <pre name="code" class="javascript">// Instantiate a slider var mySlider = new Slider("input.slider", { // initial options object }); // Call a method on the slider var value = mySlider.getValue(); <strong style="font-family: Arial, Helvetica, sans-serif;"> </strong>
使用原生js调用bootstrup slider
// Instantiate a slider var mySlider = new Slider("input.slider", { // initial options object }); // Call a method on the slider var value = mySlider.getValue(); // For non-getter methods, you can chain together commands mySlider .setValue(5) .setValue(7);
在线演示:http://www.htmleaf.com/Demo/201502041325.html
下载地址:http://www.htmleaf.com/jQuery/Form/201502041324.html
时间: 2024-11-11 21:13:02