<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>API: anim Easing (YUI Library)</title>
<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
<link rel="stylesheet" type="text/css" href="assets/api.css" />
<script type="text/javascript" src="assets/api-js"></script>
<script type="text/javascript" src="assets/ac-js"></script>
</head>
<body id="yahoo-com">
<div id="doc3" class="yui-t2">
<div id="hd">
<h1><a href="http://developer.yahoo.com/yui/" title="Yahoo! UI Library">Yahoo! UI Library</a></h1>
<h3>anim <span class="subtitle">3.0.0</span></h3>
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
> <a href="./module_anim.html" title="anim">anim</a>
> Easing
<form onsubmit="return false">
<div id="propertysearch">
Search: <input autocomplete="off" id="searchinput" />
<div id="searchresults">
</div>
</div>
</form>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
<fieldset>
<legend>Filters</legend>
<span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
<span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
<span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
</fieldset>
</form>
<h2>
Class <b property="yui:name">Easing</b>
<span class="extends">
</span>
</h2>
<!-- class tree goes here -->
<div class="summary description" property="yui:description">
The easing module provides methods for customizing
how an animation behaves during each run.
</div>
<div rel="yui:properties" resource="#properties">
</div>
<div rel="yui:methods" resource="#methods">
<div class="section method details">
<h3 id="methods">Methods</h3>
<div class="content">
<div class="" rel="yui:method" resource="#method_backBoth">
<h4>
<a name="method_backBoth">backBoth</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">backBoth</strong>
(
t
,
b
,
c
,
d
,
s
)
</code>
<div class="description" property="yui:description">
Backtracks slightly, then reverses direction, overshoots end,
then reverses and comes back to end.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">s</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Overshoot (optional)</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_backIn">
<h4>
<a name="method_backIn">backIn</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">backIn</strong>
(
t
,
b
,
c
,
d
,
s
)
</code>
<div class="description" property="yui:description">
Backtracks slightly, then reverses direction and moves to end.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">s</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Overshoot (optional)</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_backOut">
<h4>
<a name="method_backOut">backOut</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">backOut</strong>
(
t
,
b
,
c
,
d
,
s
)
</code>
<div class="description" property="yui:description">
Overshoots end, then reverses and comes back to end.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">s</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Overshoot (optional)</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_bounceBoth">
<h4>
<a name="method_bounceBoth">bounceBoth</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">bounceBoth</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Bounces off start and end.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_bounceIn">
<h4>
<a name="method_bounceIn">bounceIn</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">bounceIn</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Bounce off of start.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_bounceOut">
<h4>
<a name="method_bounceOut">bounceOut</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">bounceOut</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Bounces off end.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_easeBoth">
<h4>
<a name="method_easeBoth">easeBoth</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">easeBoth</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Begins slowly and decelerates towards end. (quadratic)
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_easeBothStrong">
<h4>
<a name="method_easeBothStrong">easeBothStrong</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">easeBothStrong</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Begins slowly and decelerates towards end. (quartic)
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_easeIn">
<h4>
<a name="method_easeIn">easeIn</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">easeIn</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Begins slowly and accelerates towards end. (quadratic)
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_easeInStrong">
<h4>
<a name="method_easeInStrong">easeInStrong</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">easeInStrong</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Begins slowly and accelerates towards end. (quartic)
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_easeNone">
<h4>
<a name="method_easeNone">easeNone</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">easeNone</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Uniform speed between points.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_easeOut">
<h4>
<a name="method_easeOut">easeOut</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">easeOut</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Begins quickly and decelerates towards end. (quadratic)
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_easeOutStrong">
<h4>
<a name="method_easeOutStrong">easeOutStrong</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">easeOutStrong</strong>
(
t
,
b
,
c
,
d
)
</code>
<div class="description" property="yui:description">
Begins quickly and decelerates towards end. (quartic)
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_elasticBoth">
<h4>
<a name="method_elasticBoth">elasticBoth</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">elasticBoth</strong>
(
t
,
b
,
c
,
d
,
a
,
p
)
</code>
<div class="description" property="yui:description">
Snap both elastic effect.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">a</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Amplitude (optional)</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">p</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Period (optional)</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_elasticIn">
<h4>
<a name="method_elasticIn">elasticIn</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">elasticIn</strong>
(
t
,
b
,
c
,
d
,
a
,
p
)
</code>
<div class="description" property="yui:description">
Snap in elastic effect.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">a</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Amplitude (optional)</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">p</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Period (optional)</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_elasticOut">
<h4>
<a name="method_elasticOut">elasticOut</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">elasticOut</strong>
(
t
,
b
,
c
,
d
,
a
,
p
)
</code>
<div class="description" property="yui:description">
Snap out elastic effect.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">t</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Time value used to compute current value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">b</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Starting value</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">c</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Delta between start and end values</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">d</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Total length of animation</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">a</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Amplitude (optional)</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">p</span>
<<span property="yui:type">Number</span>>
</code>
<span property="yui:description"> Period (optional)</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The computed value for the current animation frame</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
</div>
</div>
<div rel="yui:events" resource="#events">
</div>
<div rel="yui:attributes" resource="#configattributes">
</div>
</div>
</div>
<div class="yui-b">
<div class="nav">
<div id="moduleList" class="module">
<h4>Modules</h4>
<ul class="content">
<li class="selected"><a href="module_anim.html" title="anim">anim</a></li>
<li class=""><a href="module_async-queue.html" title="async-queue">async-queue</a></li>
<li class=""><a href="module_attribute.html" title="attribute">attribute</a></li>
<li class=""><a href="module_base.html" title="base">base</a></li>
<li class=""><a href="module_cache.html" title="cache">cache</a></li>
<li class=""><a href="module_classnamemanager.html" title="classnamemanager">classnamemanager</a></li>
<li class=""><a href="module_collection.html" title="collection">collection</a></li>
<li class=""><a href="module_console.html" title="console">console</a></li>
<li class=""><a href="module_console-filters.html" title="console-filters">console-filters</a></li>
<li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
<li class=""><a href="module_dataschema.html" title="dataschema">dataschema</a></li>
<li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
<li class=""><a href="module_datatype.html" title="datatype">datatype</a></li>
<li class=""><a href="module_dd.html" title="dd">dd</a></li>
<li class=""><a href="module_dom.html" title="dom">dom</a></li>
<li class=""><a href="module_dump.html" title="dump">dump</a></li>
<li class=""><a href="module_event.html" title="event">event</a></li>
<li class=""><a href="module_event-custom.html" title="event-custom">event-custom</a></li>
<li class=""><a href="module_event-simulate.html" title="event-simulate">event-simulate</a></li>
<li class=""><a href="module_history.html" title="history">history</a></li>
<li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
<li class=""><a href="module_io.html" title="io">io</a></li>
<li class=""><a href="module_json.html" title="json">json</a></li>
<li class=""><a href="module_node.html" title="node">node</a></li>
<li class=""><a href="module_node-focusmanager.html" title="node-focusmanager">node-focusmanager</a></li>
<li class=""><a href="module_node-menunav.html" title="node-menunav">node-menunav</a></li>
<li class=""><a href="module_oop.html" title="oop">oop</a></li>
<li class=""><a href="module_overlay.html" title="overlay">overlay</a></li>
<li class=""><a href="module_plugin.html" title="plugin">plugin</a></li>
<li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
<li class=""><a href="module_queue-promote.html" title="queue-promote">queue-promote</a></li>
<li class=""><a href="module_slider.html" title="slider">slider</a></li>
<li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
<li class=""><a href="module_substitute.html" title="substitute">substitute</a></li>
<li class=""><a href="module_test.html" title="test">test</a></li>
<li class=""><a href="module_widget.html" title="widget">widget</a></li>
<li class=""><a href="module_widget-position.html" title="widget-position">widget-position</a></li>
<li class=""><a href="module_widget-position-ext.html" title="widget-position-ext">widget-position-ext</a></li>
<li class=""><a href="module_widget-stack.html" title="widget-stack">widget-stack</a></li>
<li class=""><a href="module_widget-stdmod.html" title="widget-stdmod">widget-stdmod</a></li>
<li class=""><a href="module_yui.html" title="yui">yui</a></li>
</ul>
</div>
<div id="classList" class="module">
<h4>Classes</h4>
<ul class="content">
<li class=""><a href="Anim.html" title="Anim">Anim</a></li>
<li class="selected"><a href="Easing.html" title="Easing">Easing</a></li>
<li class=""><a href="Plugin.NodeFX.html" title="Plugin.NodeFX">Plugin.NodeFX</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="anim-color.js.html" title="anim-color.js">anim-color.js</a></li>
<li class=""><a href="anim-curve.js.html" title="anim-curve.js">anim-curve.js</a></li>
<li class=""><a href="anim-easing.js.html" title="anim-easing.js">anim-easing.js</a></li>
<li class=""><a href="anim-node-plugin.js.html" title="anim-node-plugin.js">anim-node-plugin.js</a></li>
<li class=""><a href="anim-scroll.js.html" title="anim-scroll.js">anim-scroll.js</a></li>
<li class=""><a href="anim-xy.js.html" title="anim-xy.js">anim-xy.js</a></li>
<li class=""><a href="anim.js.html" title="anim.js">anim.js</a></li>
</ul>
</div>
<div id="methodsList" class="module">
<h4>Methods</h4>
<ul class="content">
<li class=""><a href="#method_backBoth" title="backBoth">backBoth</a></li>
<li class=""><a href="#method_backIn" title="backIn">backIn</a></li>
<li class=""><a href="#method_backOut" title="backOut">backOut</a></li>
<li class=""><a href="#method_bounceBoth" title="bounceBoth">bounceBoth</a></li>
<li class=""><a href="#method_bounceIn" title="bounceIn">bounceIn</a></li>
<li class=""><a href="#method_bounceOut" title="bounceOut">bounceOut</a></li>
<li class=""><a href="#method_easeBoth" title="easeBoth">easeBoth</a></li>
<li class=""><a href="#method_easeBothStrong" title="easeBothStrong">easeBothStrong</a></li>
<li class=""><a href="#method_easeIn" title="easeIn">easeIn</a></li>
<li class=""><a href="#method_easeInStrong" title="easeInStrong">easeInStrong</a></li>
<li class=""><a href="#method_easeNone" title="easeNone">easeNone</a></li>
<li class=""><a href="#method_easeOut" title="easeOut">easeOut</a></li>
<li class=""><a href="#method_easeOutStrong" title="easeOutStrong">easeOutStrong</a></li>
<li class=""><a href="#method_elasticBoth" title="elasticBoth">elasticBoth</a></li>
<li class=""><a href="#method_elasticIn" title="elasticIn">elasticIn</a></li>
<li class=""><a href="#method_elasticOut" title="elasticOut">elasticOut</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright © 2009 Yahoo! Inc. All rights reserved.
</div>
</div>
<script type="text/javascript">
ALL_YUI_PROPS = [{"access": "", "host": "Easing", "name": "backBoth", "url": "Easing.html#method_backBoth", "type": "method"}, {"access": "", "host": "Easing", "name": "backIn", "url": "Easing.html#method_backIn", "type": "method"}, {"access": "", "host": "Easing", "name": "backOut", "url": "Easing.html#method_backOut", "type": "method"}, {"access": "", "host": "Easing", "name": "bounceBoth", "url": "Easing.html#method_bounceBoth", "type": "method"}, {"access": "", "host": "Easing", "name": "bounceIn", "url": "Easing.html#method_bounceIn", "type": "method"}, {"access": "", "host": "Easing", "name": "bounceOut", "url": "Easing.html#method_bounceOut", "type": "method"}, {"access": "", "host": "Easing", "name": "easeBoth", "url": "Easing.html#method_easeBoth", "type": "method"}, {"access": "", "host": "Easing", "name": "easeBothStrong", "url": "Easing.html#method_easeBothStrong", "type": "method"}, {"access": "", "host": "Easing", "name": "easeIn", "url": "Easing.html#method_easeIn", "type": "method"}, {"access": "", "host": "Easing", "name": "easeInStrong", "url": "Easing.html#method_easeInStrong", "type": "method"}, {"access": "", "host": "Easing", "name": "easeNone", "url": "Easing.html#method_easeNone", "type": "method"}, {"access": "", "host": "Easing", "name": "easeOut", "url": "Easing.html#method_easeOut", "type": "method"}, {"access": "", "host": "Easing", "name": "easeOutStrong", "url": "Easing.html#method_easeOutStrong", "type": "method"}, {"access": "", "host": "Easing", "name": "elasticBoth", "url": "Easing.html#method_elasticBoth", "type": "method"}, {"access": "", "host": "Easing", "name": "elasticIn", "url": "Easing.html#method_elasticIn", "type": "method"}, {"access": "", "host": "Easing", "name": "elasticOut", "url": "Easing.html#method_elasticOut", "type": "method"}];
</script>
</body>
</html>