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），不过元素原来所占位置将
本文介绍了Ext Core的动画功能，包括slideIn/slideOut、puff、switchOff、highlight、frame、pause、fadeIn/fadeOut、scale、shift、ghost和animate等预置动画，以及如何自定义动画配置，提供了详细的使用示例。
最低0.47元/天 解锁文章
扫一扫
178
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
