在没步入正文之前，先给大家贴效果图，看看是不是您想要的效果：

在线演示源码下载

基于jQuery移动端滑块拖动设置代码。这是一款支持手机移动端的特效，可拖动滑块范围选择器，拖动滑块数值选择器。

废话不多说了，直接给大家贴代码了。

超文本标记语言代码：

div class='demo '输入类型='隐藏'类='单滑块'值='0' /!-按钮id='g1 '获取值/button-/div div class=' demo ' input class=' range-slider ' type=' hidden ' value=' 10，89' /！-按钮id='g2 '获取值/button - /div js代码：

$(function () { $(').单滑块')。jRange({ 0从： 0,到： 100，step: 1，scale: [0，25，50，75，100]，format: ' % s '，width: 300，showLabels: true，showscale : true })；$('.范围滑块')。jRange({ 0从： 0,到： 100，step: 1，scale: [0，25，50，75，100]，format: ' % s '，width: 300，showLabels: true，is range : true })；$('#g1 ').单击(函数(){ var aa=$(').单滑块')。val()；警报(aa)；});$('#g2 ').单击(函数(){ var aa=$(').范围滑块')。val()；警报(aa)；});});