Ext学习之3_类Element和Fx3

Ext.namespace("com.deng");
/**
 * frame([String color],[Number count],[Object options]):
 * 		展示一个展开的波纹，伴随着渐隐的边框突出显示Element对象。默认情况下展示的是一个淡蓝色的波纹
 * 参数：
 *      color:　波纹颜色
 *      count: 波纹个数
 *      options： 选项配置
 *      
 * 实例： 三个红色的波纹并持续3秒
 */
/**
Ext.onReady(function(){
	Ext.get("a1").applyStyles({
		position: "absolute",
		top: 200,
		left: 400,
		backgroundColor: "red",
		width: 100,
		height: 100
	}).frame("ff0000",3,{duration:5});
});
*/

/**
 * fadeIn([Object options]): 将元素从透明渐变为不透明。结束时间的透明度可以根据"endOpacity"选项来指定
 */
/**
Ext.onReady(function(){
	Ext.get("a1").applyStyles({
		position: "absolute",
		top: 200,
		left: 400,
		backgroundColor: "red",
		width: 100,
		height: 100
	}).fadeIn({
		endOpacity: 1,//可以是0到1之间的任何值 如.5 (.5就是0.5)
		duration: 4
	});
});
*/

/**
 * fadeOut([Object options]): 将元素从不透明渐变为透明，结束时的透明度可以根据"endOpacity"选项来指定
 */
Ext.onReady(function(){
	Ext.get("a1").applyStyles({
		position: "absolute",
		top: 200,
		left: 400,
		backgroundColor: "red",
		width: 100,
		height: 100
	}).fadeOut({
		endOpacity: 0,
		duraiton: 4,
		remove: false,
		useDisplay: false
	});
});