-
这是一个简单的jQuery插件，使用插件实现鼠标可以滑动（拖动）来控制取值范围的特定代码选择。
兼营：-------------------效果图查看结果-------------------下载源代码
提示：如果不能在浏览器中正常运行，可以尝试切换浏览模式。
为您共享的jQuery实现的数值范围选择特殊效果代码，如下所示
jQuery插件range2dslider数值范围选择
主体，HTML {
保证金：0px；
填料：0px；
}
UL {
保证金：0px 0px；
填料：10px 25px；
}
主体> { {
保证金：0px 20px；
填料：20px；
背景：RGBA（184, 184, 184，0.1）；
}
简单的二维滑动
不检测功能（味精、URL、行号）{
警惕错误信息：（+味精+ URL：+线数：+行号）；
返回true；
}
$（#滑块）。range2dslider（{
网格：真的，
轴：{ { 1,2,5,7,10 }，{ } }、10，
预测：真实，
showlegend：{ 1,1 }，
allowaxismove：{ 'both}，
打印标签：功能（Val）{
这个projectionsthis。预测{ 0 }。找到（'。xdsoft_projection_value_x）。文本（Val { 1 }。固定（5））；
返回val { 0 }固定（5）；
}
}）
。range2dslider（币值，{ {0,1}，{ } { } } 3，6）；
$（#标尺）
range2dslider（）；
水平滑块
$（# 1）。range2dslider（{
模板：水平，
价值：{ { 0 } } }，{ 7，
onlygridpoint：真，
圆：真的，
轴：{ { - 3、- 2、- 1,0,1,2,3,4,5,6,7,8,9,10 } }
}）；
垂直滑块
$（'。slider2）。range2dslider（{
模板：'vertical，
价值：{ { 0 } }，
showranges：{ {0,1} }，
风格：浮点：左；margin-left: 25px；，
轴：{ {0,1}，{ 0 } }，
圆：真的，
打印标签：功能（Val）{
返回val { 1 } + 'yo；
}
}）；
平滑滑块（x）
var值{ }；
var范围{ }；
var城市= {
阿布贾，
阿克拉，
皮特，
阿，
阿尔及尔，
阿洛菲，
安曼，
阿姆斯特丹，
安道尔，
安卡拉，
安塔那那利佛，
阿皮亚，
阿什哈巴德，
阿斯马拉' '，
阿斯塔纳，
亚松森，
雅典，
阿瓦，
巴格达，
巴库，
巴马科，
班达尔，
曼谷，
班吉，
班珠尔，
' '巴斯特尔，
北京，
贝鲁特，
贝尔格莱德，
贝尔莫潘
}；
对于（var i = 10，k = 0；i < 10；i + +，K + +）{
Values.push（{我，Math.sin（我）、城市{我+ 10 } }）；
如果（i < 10）
Ranges.push（{ k，k + 1 }）；
}
$（'。slider3）。range2dslider（{
X：左，
Y：' '，
showlegend：{ 0 }，
showranges：范围，
轴：{ { - } { - 10，1.5,1.5 } }，
allowaxismove Y：{ }，
打印标签：功能（Val）{
返回val { 1 }。固定（2）++瓦尔{ 2 }；
}
}）。range2dslider（价值、价值观）；
定制式滑块
。xdsoft_custom。xdsoft_range2dslider_runner {
边界半径：1px；
保证金：0px 0px - 4px - 8px！重要；
背景：RGBA（00127,0.5）；
边境：1px开始# DDD；
}
。xdsoft_custom。xdsoft_range2dslider_box {
最小高度：8px；
背景：RGBA（127127127,0.5）；
边界半径：1px；
边框样式：实心；
}
。xdsoft_custom。xdsoft_slider_label {
背景：红色；
颜色：# FFF；
底部：22px！重要；
}
。xdsoft_custom。xdsoft_slider_label。xdsoft_slider_label_top：后{
边框颜色：红色；
}
$（# slider4）。range2dslider（{
网格：false，
身高：0，
类名：'xdsoft_custom，
showlegend：{ 0 }，
轴：{ { 0,0.1 } }，
提示：{ } ' '，
AlwShowTooltip：{事实}，
allowaxismove：{ x }，
打印标签：功能（Val）{
返回val { 0 }固定（3）；
}
}）。range2dslider（币值，{ { 0.05,0 } }）；
应用：360，火狐，Chrome浏览器，Safari，Opera，搜狗，傲游，世界之窗。和浏览器不支持IE8。
以上是共享jQuery实现的数值范围的具体代码选择，希望大家能喜欢它。