jQuery UI Widgets — Slider

jquery-ui-wigets-slider

效果查看:Widgets — Slider

关于这个工具的详细参考,可以看http://api.jqueryui.com/slider/,这里描述的非常详细。
jQuery(document).ready(function(){
$(“#slider-range”).slider({
range:true, //是否启用范围端
min:1, //最小值
max:100, //最大值
step:2, //步骤
animate:true, //启动动画
values: [11,81], //初始值
slide:function(event, ui){ }, //滑动时触发
create:function(event, ui){ }, //创建时触发,常用于初始值关联外部元素时
change: function(event, ui) { } //值改变时触发
});
});

坚持原创技术分享,您的支持将鼓励我继续创作!