Ext  Core 通过预置的动画功能，可以让轻松实现动画功能。通过自定义动画配置，可实现更多的动画效果。动画完成后，可通过回调函数实现后续处理
 Ext Core 动画 8 个定位点的值与描述
值                                        描述
tl                                         左上角
t                                         顶边中心
tr                                         右上角
l                                         左边中心
r                                         右边中心
bl                                         左下角
b                                         底边中心
br                                         右下角
下面开始介绍 Ext Core 预置的 12 个动画功能。
slideIn/slideOut：元素的滑进或滑出效果。默认 slideIn 是从顶部滑进的，而 slideOut 是从底部滑出的，可通过修改第 1 个参数设置滑进或滑出位置。其使用方法请看下面代码。
var el = Ext.get('elId');
//从顶部滑进
el.slideIn();
//从底部滑出
el.slideOut();
//从左边滑进
el.slideIn('l',{
easing: 'easeOut',
duration: .5
});
puff：元素慢慢向四周扩大并逐渐消失。当效果完成后，元素将隐藏（visibility 属性为hidden），不过元素原来所占位置将继续存在。如果需要删除元素，请设置 remove 属性为true。其使用方法请看下面代码。
var el = Ext.get('elId');
//默认方式
el.puff();
//自定义方式，元素消失后删除元素
el.puff({
easing: 'easeOut',
duration: .5,
remove: true,
useDisplay: false
})
switchOff：元素闪烁一下，然后往中心折叠（类似关掉电视）。当效果完成后，元素将隐藏（visibility 属性为 hidden），不过元素原来所占位置将继续存在。如果需要删除元素，请设置remove 属性为 true。其使用方法请看下面代码。