ext.fx.html.svn-base

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

        </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-frame"></a>
            <b>frame</b>(&nbsp;<span class="optional" title="Optional">[<code>String color</code>]</span>, <span class="optional" title="Optional">[<code>Number count</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Shows a ripple of exploding, attenuating borders to draw attention to an Element.
Usage:
// default: a single light b...</div>
            <div class="long">
                Shows a ripple of exploding, attenuating borders to draw attention to an Element.
Usage:
<pre><code><i>// <b>default</b>: a single light blue ripple</i>
el.frame();

<i>// custom: 3 red ripples lasting 3 seconds total</i>
el.frame(<em>"ff0000"</em>, 3, { duration: 3 });

<i>// common config options shown <b>with</b> default values</i>
el.frame(<em>"C3DAF9"</em>, 1, {
    duration: 1 <i>//duration of entire animation (not each individual ripple)</i>
    <i>// Note: Easing is not configurable and will be ignored <b>if</b> included</i>
});</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>color</code> : String<div class="sub-desc">(optional) The color of the border. Should be a 6 char hex color without the leading # (defaults to light blue: 'C3DAF9').</div></li><li><code>count</code> : Number<div class="sub-desc">(optional) The number of ripples to display (defaults to 1)</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-ghost"></a>
            <b>ghost</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 while fading it out of view.  An anchor point can be optionally passed to set the 
ending point of...</div>
            <div class="long">
                Slides the element while fading it out of view.  An anchor point can be optionally passed to set the 
ending point of the effect.
Usage:
<pre><code><i>// <b>default</b>: slide the element downward <b>while</b> fading out</i>
el.ghost();

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

<i>// common config options shown <b>with</b> default values</i>
el.ghost(<em>'b'</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 bottom: 'b')</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-hasActiveFx"></a>
            <b>hasActiveFx</b>() : Boolean            <div class="mdesc">
                        <div class="short">Returns true if the element has any effects actively running or queued, else returns false.</div>
            <div class="long">
                Returns true if the element has any effects actively running or queued, else returns false.    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li>None.</li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Boolean</code><div class="sub-desc">True if element has active effects, else false</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-hasFxBlock"></a>
            <b>hasFxBlock</b>() : Boolean            <div class="mdesc">
                        <div class="short">Returns true if the element is currently blocking so that no other effect can be queued
until this effect is finished...</div>
            <div class="long">
                Returns true if the element is currently blocking so that no other effect can be queued
until this effect is finished, else returns false if blocking is not set.  This is commonly
used to ensure that an effect initiated by a user action runs to completion prior to the
same effect being restarted (e.g., firing only one effect even if the user clicks several times).    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li>None.</li>        </ul>
        <strong>Returns:</strong>
        <ul>
            <li><code>Boolean</code><div class="sub-desc">True if blocking, else false</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-highlight"></a>
            <b>highlight</b>(&nbsp;<span class="optional" title="Optional">[<code>String color</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Highlights the Element by setting a color (applies to the background-color by default, but can be
changed using the "...</div>
            <div class="long">
                Highlights the Element by setting a color (applies to the background-color by default, but can be
changed using the "attr" config option) and then fading back to the original color. If no original
color is available, you should provide the "endColor" config option which will be cleared after the animation.
Usage:
<pre><code><i>// <b>default</b>: highlight background to yellow</i>
el.highlight();

<i>// custom: highlight foreground text to blue <b>for</b> 2 seconds</i>
el.highlight(<em>"0000ff"</em>, { attr: <em>'color'</em>, duration: 2 });

<i>// common config options shown <b>with</b> default values</i>
el.highlight(<em>"ffff9c"</em>, {
    attr: <em>"background-color"</em>, <i>//can be any valid CSS property (attribute) that supports a color value</i>
    endColor: (current color) or <em>"ffffff"</em>,
    easing: <em>'easeIn'</em>,
    duration: 1
});</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>color</code> : String<div class="sub-desc">(optional) The highlight color. Should be a 6 char hex color without the leading # (defaults to yellow: 'ffff9c')</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-pause"></a>
            <b>pause</b>(&nbsp;<code>Number seconds</code>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Creates a pause before any subsequent queued effects begin.  If there are
no effects queued after the pause it will h...</div>
            <div class="long">
                Creates a pause before any subsequent queued effects begin.  If there are
no effects queued after the pause it will have no effect.
Usage:
<pre><code>el.pause(1);</code></pre>    <div class="mdetail-params">
        <strong>Parameters:</strong>
        <ul><li><code>seconds</code> : Number<div class="sub-desc">The length of time to pause (in seconds)</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-puff"></a>
            <b>puff</b>(&nbsp;<span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Fades the element out while slowly expanding it in all directions.  When the effect is completed, the 
element will b...</div>
            <div class="long">
                Fades the element out while slowly expanding it in all directions.  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.puff();

<i>// common config options shown <b>with</b> default values</i>
el.puff({
    easing: <em>'easeOut'</em>,
    duration: .5,
    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 alt expandable">
        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
        <td class="sig">
        <a id="Ext.Fx-scale"></a>
            <b>scale</b>(&nbsp;<code>Number width</code>, <code>Number height</code>, <span class="optional" title="Optional">[<code>Object options</code>]</span>&nbsp;) : Ext.Element            <div class="mdesc">
                        <div class="short">Animates the transition of an element's dimensions from a starting height/width
to an ending height/width.
Usage:
// ...</div>
            <div class="long">
                Animates the transition of an element's dimensions from a starting height/width
to an ending height/width.
Usage:
<pre><code><i>// change height and width to 100x100 pixels</i>
el.scale(100, 100);

<i>// common config options shown <b>with</b> default values.  The height and width will <b>default</b> to</i>
<i>// the element's existing values <b>if</b> passed as null.</i>
el.scale(
    [element's width],