Question

here is the method for easeOutBounce

    easeOutBounce: function (t, b, c, d) {  
  if ((t/=d) < (1/2.75)) {  
   return c*(7.5625*t*t) + b;  
  } else if (t < (2/2.75)) {  
   return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;  
  } else if (t < (2.5/2.75)) {  
   return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;  
  } else {  
   return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;  
  }  
 }

I want to make my own custom method, cannot use jquery or other library.

Where t: time, b: begining position, c: total change in position, d: duration.
Can any one explain how can i use this method for easeOutBounce value? I mean what i will pass as parameter and how i will use the return value?

Answer 1

Using jQuery, you can simply call this event in any animation. Make sure that you include the relevant JS files and put something like:

$('#your-div').click(function() {
  $(this).animate({height: "100px"}, 500, 'easeOutBounce');
});