Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You can use any animation "easing" function within jQuery without a plugin. It's discussed in detail in this question I posted a few months ago...</p> <p><a href="https://stackoverflow.com/questions/5207301/looking-for-jquery-easing-functions-without-using-a-plugin">Looking for jQuery easing functions without using a plugin</a></p> <p>The thread above contains the jQuery easing functions <a href="https://stackoverflow.com/questions/5207301/looking-for-jquery-easing-functions-without-using-a-plugin?answertab=active#tab-top">in the accepted answer</a> as well as <a href="http://www.robertpenner.com/easing/" rel="nofollow noreferrer">a link to more third party easing functions</a> (the 2nd and 3rd links on that page will download the functions).</p> <p>Looking <a href="http://jqueryui.com/demos/effect/easing.html" rel="nofollow noreferrer">at the demos here</a>, it seems like <code>easeInCirc</code> fits your description.</p> <p>Manually add the specific easing function(s) to your <code>&lt;script&gt;</code>...</p> <pre><code>$.easing.easeInCirc = function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; } </code></pre> <p>Then you would simply call it from your existing jQuery <code>animate()</code> functions by placing it just after the <code>duration</code> parameter.</p> <pre><code>$('#bannerFijo').animate({ bottom: '-15px' }, 1000, 'easeInCirc', function() { $('#bannerFijo').animate({ bottom: '0px' }, 100, 'easeInCirc'); }); </code></pre> <p><strong><a href="http://jsfiddle.net/KduwJ/5/" rel="nofollow noreferrer">Here is a JSFiddle with the <code>animate()</code> function slowed for illustration.</a></strong></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload