日期:2014-05-16  浏览次数:20314 次

.ExtJs(常用动画效果) 分享
一些常用的动画函数
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弹出
        });