Jquery JavaScript DHTML





  jQuery UI Slider - Snap to increments
  
  
  
  
  
  
    #demo-frame > div.demo { padding: 10px !important; };
  
  
  $(function() {
    $("#slider").slider({
      value:100,
      min: 0,
      max: 500,
      step: 50,
      slide: function(event, ui) {
        $("#amount").val('$' + ui.value);
      }
    });
    $("#amount").val('$' + $("#slider").slider("value"));
  });
  




Donation amount ($50 increments):





Increment slider values with the step option set to an integer, commonly a dividend of the slider's maximum value.  The default increment is 1.