extjs的一些简单动画1

Ext.Element 类也定义了部分动画函数。我们先来看看Ext.Fx 类中的重要方法。

1、slideIn ( [String anchor], [Object options] ):

功能:滑入效果
值 说明
----- -----------------------------
tl 左上角
t 顶部中央
tr 右上角
l 左边中央
r 右边中央
bl 左下角
b 底部中央
br 右下角

Ext.onReady(function(){

Ext.get("a1").applyStyles({position: "absolute", top: 200, left: 200, backgroundColor: "red", 100, height: 100}).slideIn("r", {duration: 10}); })

2.slideOut ( [String anchor], [Object options] ):滑出效果,作动画隐藏。参数及用法同上
3、highlight ( [String color], [Object options] ):根据设置的颜色高亮显示Element 对象,
然后渐隐为原始颜色。默认情况,高亮显示的背景颜色为黄色。
参数:
color:起始颜色
options:选项配置
常见的配置选项及默认值
4、frame ( [String color], [Number count], [Object options] ):展示一个展开的波纹,伴随
着渐隐的边框以突出显示Element 对象。默认情况下展示的是一个淡蓝色的波纹。
参数:
color:波纹颜色
count:波纹的个数
options:选项配置
fadeIn ( [Object options] ):将元素从透明渐变为不透明。结束时的透明度可以根据"endOpacity"选项来指定。
6、fadeOut ( [Object options] ):将元素从不透明渐变为透明。结束时的透明度可以根据"endOpacity"选项来指定。
7、scale ( Number width, Number height, [Object options] ):以动画展示元素从开始的高度/宽度转换到结束的高度/宽度
8、shift ( Object options ):以动画展示元素任意组合属性的改变,如元素的尺寸、位置坐标和(或)透明度。如果以上属性中的任意一个没有在配置选项对象中指定则该属性不会发生改变。为了使该特效生效,则必须在配置选项对象中设置至少一个新的尺寸、位置坐标或透明度属性。
9.ghost ( [String anchor], [Object options] ):将元素从视图滑出并伴随着渐隐。作为可
选参数传入的定位锚点将被设置为滑出特效的结束点。

原文地址:https://www.cnblogs.com/shaoshao/p/4269938.html