jQuery鼠标拖动滑块价格区间选择代码是一款好用的仿金融投资网站投资金额区间滑块拖动选择效果,也可以点击刻度尺选择价格范围。
js代码
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript">
$(function() {
$("#price-range").slider({
unit: "万",
beyondMax: true,
beyondMin: true,
firstWidth: 34,
lastWidth: 23,
scale: [
{
key: 0,
value: [1, 1, 1]
},
{
key: 5,
value: [1, 1, 1, 1, 1]
},
{
key: 10,
value: [1, 1, 1, 1, 1]
},
{
key: 15,
value: [1, 1, 1, 1, 1]
},
{
key: 20,
value: [1, 1, 1, 1, 1]
},
{
key: 25,
value: [1, 1, 1, 1, 1]
},
{
key: 30,
value: [1, 1, 1, 1, 1]
},
{
key: 35,
value: [3, 2, 5, 3, 2]
},
{
key: 50,
value: [5, 5, 5, 5]
},
{
key: 70,
value: [10, 10, 10]
},
{
key: 100,
value: 0.5
},
{
key: 110
}
]
})
.on("changed", function(e, args) {
var min = args.value.leftValue,
max = args.value.rightValue;
// if (min == 0) min = 1;
// if (6680 > 110) {
// if (max == 6680) max = 1;
// } else {
// if (max == 110) max = 1;
// }
// if (max == 10000) max = 1;
// if (min + '_' + max == '2_6680') {
// min = 0;
// max = 0;
// }
console.log(min,max);
// location.href = '/car/' + min + '_' + max + '-0.0_0.0-0-0-0-0-0-0-0-0/';
});
$("#price-range").data("slider").setRange({
leftValue: 0,
rightValue: 110
});
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791