ext.fx.html.svn-base

PHP 知识管理系统（基于树结构的知识管理系统）, 英文原版的PHP源码。

    [element's height], {
	    easing: <em>'easeOut'</em>,
	    duration: .35
	}
);</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>width</code> : Number<div class="sub-desc">The new width (pass undefined to keep the original width)</div></li><li><code>height</code> : Number<div class="sub-desc">The new height (pass undefined to keep the original height)</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
        <tr class="method-row expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-sequenceFx"></a>
            <b>sequenceFx</b>() : Ext.Element            <div class="mdesc">
                        <div class="short">Ensures that all effects queued after sequenceFx is called on the element are
run in sequence.  This is the opposite ...</div>
            <div class="long">
                Ensures that all effects queued after sequenceFx is called on the element are
run in sequence.  This is the opposite of <a ext:cls="Ext.Fx" ext:member="syncFx" href="output/Ext.Fx.html#syncFx">syncFx</a>.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li>None.</li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
        <tr class="method-row alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-shift"></a>
            <b>shift</b>(&nbsp;<code>Object options</code>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Animates the transition of any combination of an element's dimensions, xy position and/or opacity.
Any of these prope...</div>
            <div class="long">
                Animates the transition of any combination of an element's dimensions, xy position and/or opacity.
Any of these properties not specified in the config object will not be changed.  This effect 
requires that at least one new dimension, position or opacity setting must be passed in on
the config object in order for the function to have any effect.
Usage:
<pre><code><i>// slide the element horizontally to x position 200 <b>while</b> changing the height and opacity</i>
el.shift({ x: 200, height: 50, opacity: .8 });

<i>// common config options shown <b>with</b> default values.</i>
el.shift({
    width: [element's width],
    height: [element's height],
    x: [element's x position],
    y: [element's y position],
    opacity: [element's opacity],
    easing: <em>'easeOut'</em>,
    duration: .35
});</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>options</code> : Object<div class="sub-desc">Object literal with any of the Fx config options</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
        <tr class="method-row expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-slideIn"></a>
            <b>slideIn</b>(&nbsp;<span class="optional" title="Optional">[<code>String anchor</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Slides the element into view.  An anchor point can be optionally passed to set the point of
origin for the slide effe...</div>
            <div class="long">
                Slides the element into view.  An anchor point can be optionally passed to set the point of
origin for the slide effect.  This function automatically handles wrapping the element with
a fixed-size container if needed.  See the Fx class overview for valid anchor point options.
Usage:
<pre><code><i>// <b>default</b>: slide the element <b>in</b> from the top</i>
el.slideIn();

<i>// custom: slide the element <b>in</b> from the right <b>with</b> a 2-second duration</i>
el.slideIn(<em>'r'</em>, { duration: 2 });

<i>// common config options shown <b>with</b> default values</i>
el.slideIn(<em>'t'</em>, {
    easing: <em>'easeOut'</em>,
    duration: .5
});</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>anchor</code> : String<div class="sub-desc">(optional) One of the valid Fx anchor positions (defaults to top: 't')</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
        <tr class="method-row alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-slideOut"></a>
            <b>slideOut</b>(&nbsp;<span class="optional" title="Optional">[<code>String anchor</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Slides the element out of view.  An anchor point can be optionally passed to set the end point
for the slide effect. ...</div>
            <div class="long">
                Slides the element out of view.  An anchor point can be optionally passed to set the end point
for the slide effect.  When the effect is completed, the element will be hidden (visibility = 
'hidden') but block elements will still take up space in the document.  The element must be removed
from the DOM using the 'remove' config option if desired.  This function automatically handles 
wrapping the element with a fixed-size container if needed.  See the Fx class overview for valid anchor point options.
Usage:
<pre><code><i>// <b>default</b>: slide the element out to the top</i>
el.slideOut();

<i>// custom: slide the element out to the right <b>with</b> a 2-second duration</i>
el.slideOut(<em>'r'</em>, { duration: 2 });

<i>// common config options shown <b>with</b> default values</i>
el.slideOut(<em>'t'</em>, {
    easing: <em>'easeOut'</em>,
    duration: .5,
    remove: false,
    useDisplay: false
});</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>anchor</code> : String<div class="sub-desc">(optional) One of the valid Fx anchor positions (defaults to top: 't')</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
        <tr class="method-row expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-stopFx"></a>
            <b>stopFx</b>() : Ext.Element            <div class="mdesc">
                        <div class="short">Stops any running effects and clears the element's internal effects queue if it contains
any additional effects that ...</div>
            <div class="long">
                Stops any running effects and clears the element's internal effects queue if it contains
any additional effects that haven't started yet.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li>None.</li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
        <tr class="method-row alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-switchOff"></a>
            <b>switchOff</b>(&nbsp;<span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
Whe...</div>
            <div class="long">
                Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).
When the effect is completed, the element will be hidden (visibility = 'hidden') but block elements will still 
take up space in the document. The element must be removed from the DOM using the 'remove' config option if desired.
Usage:
<pre><code><i>// <b>default</b></i>
el.switchOff();

<i>// all config options shown <b>with</b> default values</i>
el.switchOff({
    easing: <em>'easeIn'</em>,
    duration: .3,
    remove: false,
    useDisplay: false
});</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>options</code> : Object<div class="sub-desc">(optional) Object literal with any of the Fx config options</div></li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
        <tr class="method-row expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-syncFx"></a>
            <b>syncFx</b>() : Ext.Element            <div class="mdesc">
                        <div class="short">Ensures that all effects queued after syncFx is called on the element are
run concurrently.  This is the opposite of ...</div>
            <div class="long">
                Ensures that all effects queued after syncFx is called on the element are
run concurrently.  This is the opposite of <a ext:cls="Ext.Fx" ext:member="sequenceFx" href="output/Ext.Fx.html#sequenceFx">sequenceFx</a>.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li>None.</li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Ext.Element</code><div class="sub-desc">The Element</div></li>
        </ul>
    </div>
                </div>
                        </div>
        </td>
        <td class="msource">Fx</td>
    </tr>
            </table>
                <a id="Ext.Fx-events"></a>
        <h2>Public Events</h2>
        <div class="no-members">This class has no public events.</div>
        </div>