ext.fx.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

                                 将元素滑入到视图中。作为可选参数传入的定位锚点将被设置为滑入特效的起始点。该函数会在需要的时候自动将元素与一个固定尺寸的容器封装起来。 有效的定位锚点可以参见 Fx 类的概述。 用法：<pre><code>
// 默认情况：将元素从顶部滑入
el.slideIn();

// 自定义：在2秒钟内将元素从右边滑入
el.slideIn('r', { duration: 2 });

// 常见的配置选项及默认值
el.slideIn('t', {
    easing: 'easeOut',
    duration: .5
});
</code></pre>



                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    anchor
                                                </code> : String
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    options
                                                </code> : Object
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.Element
                                            </code>
                                            Element 对象
                                        </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">
                        <!--ClassName--><a id="slideOut-slideOut"></a>
                        <b>slideOut</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[String anchor]</span>,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 将元素从视图中滑出。作为可选参数传入的定位锚点将被设置为滑出特效的结... 
                            </div>
                            <div class="long">
                                 将元素从视图中滑出。作为可选参数传入的定位锚点将被设置为滑出特效的结束点。特效结束后，元素会被隐藏（visibility = 'hidden'）， 但是块元素仍然会在 document 对象中占据空间。如果需要将元素从 DOM 树删除，则使用'remove'配置选项。 该函数会在需要的时候自动将元素与一个固定尺寸的容器封装起来。有效的定位锚点可以参见 Fx 类的概述。 用法：<pre><code>
// 默认情况：将元素从顶部滑出
el.slideOut();

// 自定义：在2秒钟内将元素从右边滑出
el.slideOut('r', { duration: 2 });

// 常见的配置选项及默认值
el.slideOut('t', {
    easing: 'easeOut',
    duration: .5,
    remove: false,
    useDisplay: false
});
</code></pre>



                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    anchor
                                                </code> : String
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    options
                                                </code> : Object
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.Element
                                            </code>
                                            Element 对象
                                        </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">
                        <!--ClassName--><a id="puff-puff"></a>
                        <b>puff</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 渐隐元素的同时还伴随着向各个方向缓慢地展开。特效结束后，元素会被隐藏... 
                            </div>
                            <div class="long">
                                 渐隐元素的同时还伴随着向各个方向缓慢地展开。特效结束后，元素会被隐藏（visibility = 'hidden'）， 但是块元素仍然会在 document 对象中占据空间。如果需要将元素从 DOM 树删除，则使用'remove'配置选项。 用法：<pre><code>
// 默认
el.puff();

// 常见的配置选项及默认值
el.puff({
    easing: 'easeOut',
    duration: .5,
    remove: false,
    useDisplay: false
});
</code></pre>


                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    options
                                                </code> : Object
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.Element
                                            </code>
                                            Element 对象
                                        </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">
                        <!--ClassName--><a id="switchOff-switchOff"></a>
                        <b>switchOff</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 类似单击过后般地闪烁一下元素，然后从元素的中间开始收缩（类似于关闭电... 
                            </div>
                            <div class="long">
                                 类似单击过后般地闪烁一下元素，然后从元素的中间开始收缩（类似于关闭电视机时的效果）。 特效结束后，元素会被隐藏（visibility = 'hidden'），但是块元素仍然会在 document 对象中占据空间。 如果需要将元素从 DOM 树删除，则使用'remove'配置选项。 用法：<pre><code>
// 默认
el.switchOff();

// 所有的配置选项及默认值
el.switchOff({
    easing: 'easeIn',
    duration: .3,
    remove: false,
    useDisplay: false
});
</code></pre>


                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    options
                                                </code> : Object
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                Ext.Element
                                            </code>
                                            Element 对象
                                        </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">
                        <!--ClassName--><a id="highlight-highlight"></a>
                        <b>highlight</b>
                        (
                        
                            
                                <code>