jSlider

  <div class="layout">

    <div style=" margin-bottom: 60px; width: 180px; ">

      <input id="SliderSingle" type="slider" name="priceDiv" value="20" onClick="getValue();" />

    </div>

    <script type="text/javascript" charset="utf-8">

      jQuery("#SliderSingle").slider({ from: 50, to: 50000, step: 1, round: 0, dimension: '&nbsp;', skin: "round",callback :function(value){alert(value);} });

    </script>

 

slider-plugin

相关用法：http://blog.egorkhmelev.com/2009/11/jquery-slider-safari-style/