ext.fx.html

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

                                    <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="fadeOut-fadeOut"></a>
                        <b>fadeOut</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 将元素从不透明渐变为透明。结束时的透明度可以根据"endOpacit... 
                            </div>
                            <div class="long">
                                 将元素从不透明渐变为透明。结束时的透明度可以根据"endOpacity"选项来指定。 用法：
<pre><code>
// 默认情况：将元素的可见度由当前值渐变到 0
el.fadeOut();

// 自定义：在2秒钟内将元素的可见度由当前值渐变到 25%
el.fadeOut({ endOpacity: .25, duration: 2});

// 常见的配置选项及默认值
el.fadeOut({
    endOpacity: 0, 可以是 0 到 1 之前的任意值（例如：.5）
    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="scale-scale"></a>
                        <b>scale</b>
                        (
                        
                            
                                <code>
                                    Number width,
                                </code>
                            
                        
                            
                                <code>
                                    Number height,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 以动画展示元素从开始的高度/宽度转换到结束的高度/宽度。 用法：

... 
                            </div>
                            <div class="long">
                                 以动画展示元素从开始的高度/宽度转换到结束的高度/宽度。 用法：
<pre><code>
// 将宽度和高度设置为 100x100 象素
el.scale(100, 100);

// 常见的配置选项及默认值。如果给定值为 null，则高度和宽度默认被设置为元素已有的值。
el.scale(
    [element's width],
    [element's height], {
    easing: 'easeOut',
    duration: .35
});
</code></pre>




                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    width
                                                </code> : Number
                                                <div class="sub-desc">
                                                    新的宽度（传递 undefined 则保持原始宽度）
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    height
                                                </code> : Number
                                                <div class="sub-desc">
                                                    新的高度（传递 undefined 则保持原始高度）
                                                </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="shift-shift"></a>
                        <b>shift</b>
                        (
                        
                            
                                <code>
                                    Object options
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 以动画展示元素任意组合属性的改变，如元素的尺寸、位置坐标和（或）透明... 
                            </div>
                            <div class="long">
                                 以动画展示元素任意组合属性的改变，如元素的尺寸、位置坐标和（或）透明度。 如果以上属性中的任意一个没有在配置选项对象中指定则该属性不会发生改变。 为了使该特效生效，则必须在配置选项对象中设置至少一个新的尺寸、位置坐标或透明度属性。 用法：
<pre><code>
// 将元素水平地滑动到X坐标值为200的位置，同时还伴随着高度和透明度的改变
el.shift({ x: 200, height: 50, opacity: .8 });

// 常见的配置选项及默认值。
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: 'easeOut',
    duration: .35
});
</code></pre>


                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    options
                                                </code> : Object
                                                <div class="sub-desc">
                                                    由任何 Fx 的配置选项构成的对象
                                                </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="ghost-ghost"></a>
                        <b>ghost</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[String anchor]</span>,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">