注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

jQuery拖动滑块选择价格区间代码

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-01-02
jQuery拖动滑块选择价格区间代码
带三种样式风格可选的jQuery拖动滑块选择价格区间代码,鼠标拖动价格区间滑动取值代码下载。


js代码

<script type="text/javascript" src="js/ion.rangeSlider.js"></script> 
<script type="text/javascript">
$(document).ready(function(){

	$("#range_1").ionRangeSlider({
		min: 0,
		max: 5000,
		from:1000,
		to: 4000,
		type: 'double',//设置类型
		step: 1,
		prefix: "",//设置数值前缀
		postfix: "元",//设置数值后缀
		prettify: true,
		hasGrid: true
	});
	
	$("#selectStyle").change(function(){
		$("#styleSrc").attr("href",$(this).val());
	});
	
});

$("#range_1").click(function(){
	alert("呵呵");
});
</script>