一些常用的动画函数
element.slideIn(String ancho,Object animation);//元素从上滑入效果,参数(String ancho,Object animation)可
//不带参数调用下同
element.slideOut(
"t",//指定方向 "t"=top,"b"=buttom,"l"=left,"r"=right
{
easing: 'easeOut',//动画方式
duration: .5,//持续时间
remove: false,//false -不从DOM中删除,默认是设置该元素隐藏(visibility = 'hidden')
//ture - 从DOM中删除该元素
useDisplay: true//还不太清楚可能是 是否显示该元素所占位置
}
)//滑出效果
element.hide()//隐藏
element.highlight()//高亮显示
element.frame(color,number,animation)//边框扩散效果(类似涟漪)参数分别为 边框颜色 , 次数,动画
有兴趣还可以试一下MessageBox的动画效果
var a = new Ext.Element("id");
Ext.MessageBox.show({
title : a.dom.tagName,//massagebox标题
msg : a.dom.innerHTML,//信息内容
buttons : Ext.MessageBox.OK,//按钮组合
icon : Ext.MessageBox.INFO,//图标
animEl : a//消息框从元素a弹出
});
element.slideIn(String ancho,Object animation);//元素从上滑入效果,参数(String ancho,Object animation)可
//不带参数调用下同
element.slideOut(
"t",//指定方向 "t"=top,"b"=buttom,"l"=left,"r"=right
{
easing: 'easeOut',//动画方式
duration: .5,//持续时间
remove: false,//false -不从DOM中删除,默认是设置该元素隐藏(visibility = 'hidden')
//ture - 从DOM中删除该元素
useDisplay: true//还不太清楚可能是 是否显示该元素所占位置
}
)//滑出效果
element.hide()//隐藏
element.highlight()//高亮显示
element.frame(color,number,animation)//边框扩散效果(类似涟漪)参数分别为 边框颜色 , 次数,动画
有兴趣还可以试一下MessageBox的动画效果
var a = new Ext.Element("id");
Ext.MessageBox.show({
title : a.dom.tagName,//massagebox标题
msg : a.dom.innerHTML,//信息内容
buttons : Ext.MessageBox.OK,//按钮组合
icon : Ext.MessageBox.INFO,//图标
animEl : a//消息框从元素a弹出
});