html数字滚动选择,jQuery左右滑动选取数值
插件描述：jQuery左右滑动效果选取数值是⼀款范围选择器插件jRange，购物时选取价格区间，购买主机时⾃主选取CPU，内存⼤⼩配置等经常⽤到的。
jQuery左右滑动效果选取数值是⼀款范围选择器插件jRange
购物时选取价格区间，购买主机时⾃主选取CPU，内存⼤⼩配置等经常⽤到的。
1、引⼊js和css以及jquery
2、html添加input表单
获取值
3、html加⼊js
$(function(){
$('.single-slider').jRange({
from: 0,//开始于
to: 100,//结束于
step: 1,//⼀次滑动多少
scale: [0,25,50,75,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,html滚动效果代码
showLabels: true,
isRange : true//是否显⽰区间});
$("#g1").click(function(){
var aa = $(".single-slider").val(); alert(aa);
});
});

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。