本文用两个例子向大家介绍一款范围选择器插件jrange。
若是想看更多js特效、网站源码、js教程 请访问http://www.sucaihuo.com/js 还有演示demo，最主要是可以免费下载。1、
老惯例引入jquery库文件及jrange插件。
2、
接着我们调用jrange获取选取的范围值：
$(function() { 
    $('.single-slider').jrange({ 
        from: 0, //滑动范围的最小值，数字，如0 
        to: 100, //滑动范围的最大值，数字，如100 
        step: 1,//步长值，每次滑动大小 
        scale: [0, 25, 50, 75, 100],//滑动条下方的尺度标签，数组类型，如[0,50,100] 
        format: '%s',//数值格式 
        width: 300, //滑动条宽度 
        showlabels: true,// 是否显示滑动条下方的尺寸标签 
        showscale: true //是否显示滑块上方的数值标签 
    }); 
    $('.range-slider').jrange({ 
        from: 0, 
        to: 100, 
        step: 1, 
        scale: [0, 25, 50, 75, 100], 
        format: '%s', 
        width: 300, 
        showlabels: true, 
        isrange: true 
    });
$(#g1).click(function() { 
        var aa = $(.single-slider).val(); 
        alert(aa); 
    }); 
    $(#g2).click(function() { 
        var aa = $(.range-slider).val(); 
        alert(aa); 
    }); 
});查看该特效演示及免费下载，请访问 http://www.sucaihuo.com/js/42.html
ad：真正免费，域名+虚机+企业邮箱=0元