转载于http://www.html580.com/9884
Ion.Range是一个不错的，舒适，易于定制的范围滑块，支持自定义皮肤。还支持事件和公共方法，具有灵活的设置，完全可以用CSS改变。它支持触摸的设备，兼容性支持 iPhone, iPad, Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)。
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<input type=
"text"
id=
"someID"
name=
"rangeName"
value=
"10;100"
/>
$(
"#someID"
).ionRangeSlider({
min:
10
,
// min value
max:
100
,
// max value
from:
30
,
// overwrite default FROM setting
to:
80
,
// overwrite default TO setting
type:
"single"
,
// slider type
step:
10
,
// slider step
postfix:
" pounds"
,
// postfix text
hasGrid:
true
,
// enable grid
hideText:
true
,
// hide all text data
onChange:
function
(obj){
// function-callback, is called on every change
console.log(obj);
},
onFinish:
function
(obj){
// function-callback, is called once, after slider finished it's work
console.log(obj);
}
});
下载连接 http://www.html580.com/9884/go
|