Ext消息提示框，显示几秒后自动消失

封装一个Ext消息提示框，显示几秒后自动消失

分类： Ext 2009-12-23 22:11 2842人阅读 评论(4) 收藏 举报

最近项目需要，封装了一个Ext消息提示框，提示信息显示几秒后就自动消失。

 

css代码：

 

view plaincopy to clipboardprint?

1. .msg .x-box-mc {  
2. font-size:14px;  
3. }  
4. #msg-div {  
5.     position:absolute;  
6.     left:650px;  
7.     top:410px;  
8.     width:600px;  
9.     z-index:20000;  
10. }  
11. .msg-close{  
12. width:10px; height:10px; position:absolute; top:1px; right:10px;cursor:hand;  
13. }  
14. .msg-h3 {  
15. font-size:13px;  
16.     color:#2870b2;  
17.     font-weight:bold;  
18.     margin:10px 0;  
19. }  

.msg .x-box-mc {font-size:14px;}#msg-div { position:absolute; left:650px; top:410px; width:600px; z-index:20000;}.msg-close{width:10px; height:10px; position:absolute; top:1px; right:10px;cursor:hand;}.msg-h3 {font-size:13px; color:#2870b2; font-weight:bold; margin:10px 0;}

 

js代码：

view plaincopy to clipboardprint?

1. /** 
2.  *信息提示框，显示后迅速消失 
3.  */  
4. Ext.QuickMsg = function(){  
5.     var msgCt;  
6.   
7.     function createBox(t, s,isClose){  
8.                 var html = new Array();  
9.   
10.                 html.push('');  
11.                 html.push('');  
12.                 html.push('