jQuery的范围滑块Ion.Range Slider

转载于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