jQuery拖动滑块选取价格范围是一款jQuery ui左右拖动滑块选取价格范围效果代码。jQuery拖动滑块选取价格范围jQuery滑块价格选取可拖动
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type='text/javascript' src='js/jquery-ui.min.js'></script>
<script type="text/javascript">
$(function(){
$("#show").click(function(){
if($("#slider_wrap").css("display")=="none"){
$("#slider_wrap").show();
$("#custom").css("background-position","right -18px");
}else{
$("#slider_wrap").hide();
$("#custom").css("background-position","right 8px");
}
});
$("#range").slider({
//range: true,
min: 0,
max: 10000,
step: 500,
values: [0, 3000],
slide: function(event, ui){
$("#start").val(ui.values[0]);
$("#end").val(ui.values[1]);
}
});
$("#btn_ok").click(function(){
$("#slider_wrap").hide();
$("#custom").css("background-position","right 8px");
var start = $("#start").val();
var end = $("#end").val();
$("#show").html(start+"-"+end);
});
});
</script>
jQuery拖动滑块选取价格范围由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jQuerytexiao/8126.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
上一篇：jQuery提示通知插件jBox
jQuery彩色心形冒泡动画特效
jQuery中国各个省份地图分部代码
jQuery带左侧缩略图图片切换
jQuery列表排序从小到大代码
jQuery多张图片上传预览代码