extjs像msn温馨提示窗口的问题

下面这段extjs代码是一个像msn的提示窗口一样，但是怎么让它从下往上的渐出，而且渐出完以后停留数秒钟自动消失？
[code="javascript"]
var window = new Ext.Window({
// contentEl : Ext.getBody(),
width : 390,
height : 300,
html : "试试试试...",
title : "温馨提示:"
});
window.show();
window.getEl().alignTo(Ext.getBody(), 'br-br');
// 元素从视图中滑出
window.getEl().slideOut('b', {
easing: 'easeOut',
duration : 20
});
[/code]

[code="java"]var window = new Ext.Window({
// contentEl : Ext.getBody(),
width : 390,
height : 200,
shadow : false,
html : "试试试试...",
title : "温馨提示:"
});
function show() {
this.el.alignTo(Ext.getBody(), 'br-br');
this.el.slideIn('b', {
easing : 'easeOut',
callback : function() {
this.close.defer(3000, this); //定时关闭窗口
},
scope : this,
duration : 1
});

        }
        function hide() {
            if (this.isClose === true) { //防止点击关闭和定时关闭处理
                return false;
            }
            this.isClose = true;
            this.el.slideOut('b', {
                        easing : 'easeOut',
                        callback : function() {
                            this.un('beforeclose', hide, this);
                            this.close();
                        },
                        scope : this,
                        duration : 5
                    });
            return false;
        }
        window.on('show', show, window);
        window.on('beforeclose', hide, window)
        window.show();[/code]

[code="js"]
var window = new Ext.Window({
// contentEl : Ext.getBody(),
width : 390,
height : 300,
html : "试试试试...",
title : "温馨提示:",
closeAction:"hide"
});
window.show();
window.getEl().alignTo(Ext.getBody(), 'br-br');
// 元素从视图中滑出
window.getEl().slideIn('b', {
easing: 'easeOut',
duration : 20,
callback :function()
{
setTimeout(function(){window.hide();},2000);
}
});
[/code]

mark!