码迷,mamicode.com
首页 > Web开发 > 详细

Bootstrup增强版jQuery slider滑块插件

时间:2015-02-05 13:38:55      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:slider   滑块   bootstrup   jquery   插件   

这是一款在原生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

Bootstrup增强版jQuery slider滑块插件

标签:slider   滑块   bootstrup   jquery   插件   

原文地址:http://blog.csdn.net/delmarks/article/details/43526327

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!