Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

43 lines (42 sloc) 1.675 kb
<?xml version="1.0"?>
<entry name="effect" type="method" return="jQuery">
<title>.effect()</title>
<desc>Apply an animation effect to an element.</desc>
<longdesc>
<p>The <code>.effect()</code> method applies a named animation <a href="/category/effects/">effect</a> to an element. Many effects also support a show or hide mode, which can be accomplished with the <a href="/show/"><code>.show()</code></a>, <a href="/hide/"><code>.hide()</code></a>, and <a href="/toggle/"><code>.toggle()</code></a> methods.</p>
</longdesc>
<signature>
<argument name="effect" type="String">
<desc>A string indicating which <a href="/category/effect/">effect</a> to use for the transition.</desc>
</argument>
<argument name="options" type="Object" optional="true">
<desc>Effect-specific settings and <a href="/easings/">easing</a>.</desc>
</argument>
<xi:include href="../includes/animation-argument-duration.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<xi:include href="../includes/animation-argument-complete.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
</signature>
<xi:include href="../includes/animation-signature-options.xml" xmlns:xi="http://www.w3.org/2003/XInclude"/>
<example>
<desc>Apply the bounce effect to a div.</desc>
<css><![CDATA[
div {
width: 100px;
height: 100px;
background: #ccc;
border: 1px solid #000;
}
]]></css>
<html><![CDATA[
<p>Click anywhere to apply the effect.</p>
<div></div>
]]></html>
<code><![CDATA[
$( document ).click(function() {
$( "div" ).effect( "bounce", "slow" );
});
]]></code>
</example>
<category slug="methods"/>
<category slug="effects"/>
<category slug="effects-core"/>
</entry>
Jump to Line
Something went wrong with that request. Please try again.