ext.fx.html

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

                                    <span class='optional'>[String color]</span>,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 根据设置的颜色高亮显示 Element 对象（默认情况下应用于 ba... 
                            </div>
                            <div class="long">
                                 根据设置的颜色高亮显示 Element 对象（默认情况下应用于 background-color 属性，但是也可以通过"attr"配置选项来改变）， 然后渐隐为原始颜色。如果原始颜色不可用，你应该设置"endColor"配置选项以免动画结束后被清除。 用法：
<pre><code>
// 默认情况：高亮显示的背景颜色为黄色
el.highlight();

// 自定义：高亮显示前景字符颜色为蓝色并持续2秒
el.highlight("0000ff", { attr: 'color', duration: 2 });

// 常见的配置选项及默认值
el.highlight("ffff9c", {
    attr: "background-color", //可以是任何能够把值设置成颜色代码的 CSS 属性
    endColor: (current color) or "ffffff",
    easing: 'easeIn',
    duration: 1
});
</code></pre>



                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    color
                                                </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="frame-frame"></a>
                        <b>frame</b>
                        (
                        
                            
                                <code>
                                    <span class='optional'>[String color]</span>,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[Number count]</span>,
                                </code>
                            
                        
                            
                                <code>
                                    <span class='optional'>[Object options]</span>
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 展示一个展开的波纹，伴随着渐隐的边框以突出显示 Element 对象... 
                            </div>
                            <div class="long">
                                 展示一个展开的波纹，伴随着渐隐的边框以突出显示 Element 对象。 用法：
<pre><code>
// 默认情况：一个淡蓝色的波纹
el.frame();

// 自定义：三个红色的波纹并持续3秒
el.frame("ff0000", 3, { duration: 3 });

// 常见的配置选项及默认值
el.frame("C3DAF9", 1, {
    duration: 1 //整个动画持续的时间（不是每个波纹持续的时间）
    // 注意：这里不能使用 Easing 选项在，即使被包含了也会被忽略
});
</code></pre>




                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    color
                                                </code> : String
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    count
                                                </code> : Number
                                                <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="pause-pause"></a>
                        <b>pause</b>
                        (
                        
                            
                                <code>
                                    Number seconds
                                </code>
                            
                        )
                        
                            : Ext.Element
                        
                        <div class="mdesc">
                            <div class="short">
                                 在任何后续的等效开始之前创建一次暂停。如果队列中没有后续特效则没有效... 
                            </div>
                            <div class="long">
                                 在任何后续的等效开始之前创建一次暂停。如果队列中没有后续特效则没有效果。 用法：
<pre><code>
el.pause(1);
</code></pre>


                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    seconds
                                                </code> : Number
                                                <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="fadeIn-fadeIn"></a>
                        <b>fadeIn</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 渐变到 100%
el.fadeIn();

// 自定义：在2秒钟之内将可见度由 0 渐变到 75%
el.fadeIn({ endOpacity: .75, duration: 2});

// 常见的配置选项及默认值
el.fadeIn({
    endOpacity: 1, //可以是 0 到 1 之前的任意值（例如：.5）
    easing: 'easeOut',
    duration: .5
});
</code></pre>


                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    options
                                                </code> : Object
                                                <div class="sub-desc">
                                                    
                                                </div>
                                            </li>
                                        
                                    </ul>