EasyUI界面加载等待效果

使用EasyUI tab页面，加载页面的时候 可能会渲染很慢，体验不是很好，加一个简单的等待效果吧。

使用此脚本需要先引入easyui.js基础脚本。

[javascript]  view plain  copy

1. var maskWidth = $(window).width();  
2. var maskHeight = $(window).height();  
3. var maskHtml = "<div id='maskLoading' class='panel-body' style='z-index:1000;position:absolute;left:0;width:100%;";  
4. maskHtml += "height:" + maskHeight + "px;top:0'>";  
5. maskHtml += "<div class='panel-header panel=loading' style='position:absolute;cursor:wait;left:" + ((maskWidth / 2) - 100) + "px;top:" + (maskHeight / 2 - 50) + "px;width:150px;height:16px;";  
6. maskHtml += "padding:10px 5px 10px 30px;font-size:12px;border:1px solid #ccc;background-color:white;'>";  
7. maskHtml += "页面加载中，请等待...";  
8. maskHtml += "</div>";  
9. maskHtml += "</div>";  
10. document.write(maskHtml);  
11. function CloseMask() {  
12.     $('#maskLoading').fadeOut('fast', function () {  
13.         $(this).remove();  
14.     });  
15. }  
16. var loadComplete;  
17. $.parser.onComplete = function () {  
18.     if (loadComplete)  
19.         clearTimeout(loadComplete);  
20.     loadComplete = setTimeout(CloseMask, 500);  

把这个脚本放在公共的js文件里就好了，每次加载页面就会有等待效果了。