jQuery鼠标拖动滑块价格区间选择代码免费下载

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>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录