中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频

    前面一直在講EasyUI的用法，我也是最近在用這個(gè)東西，覺得這個(gè)組件里面還是有很多問題，很多的不足。比如，如果你加載一個(gè)帶有彈出框的表格頁面，如果加載速度很慢的話會(huì)出現(xiàn)下面的效果：

即很長一段時(shí)間會(huì)出現(xiàn)窗口沒有初始化的效果，等一段時(shí)間后就會(huì)初始化完成，就沒有這個(gè)畫面，但是如果網(wǎng)速很慢的話會(huì)出現(xiàn)想當(dāng)一段時(shí)間的白色，那么如果用戶看來，可能會(huì)以為效果出了問題。

我們?nèi)绾蝸斫鉀Q這個(gè)問題呢？最好的方式是加上遮罩層，等待效果?？墒俏也⒉幌肴ピ谡覀€(gè)遮罩組件了，所以我自己從easyUI中提取了等待效果的遮罩。如下圖：

這一個(gè)js，可以導(dǎo)入到頁面中即可。不用再其他部分添加任何代碼.js代碼如下：

jgxLoader.js

Java代碼  

1. /** 
2.  *  頁面加載等待頁面 
3.  * 
4.  * @author gxjiang 
5.  * @date 2010/7/24 
6.  * 
7.  */  
8.  var height = window.screen.height-250;  
9.  var width = window.screen.width;  
10.  var leftW = 300;  
11.  if(width>1200){  
12.     leftW = 500;  
13.  }else if(width>1000){  
14.     leftW = 350;  
15.  }else {  
16.     leftW = 100;  
17.  }  
18.    
19.  var _html = "<div id='loading' style='position:absolute;left:0;width:100%;height:"+height+"px;top:0;background:#E0ECFF;opacity:0.8;filter:alpha(opacity=80);'>\  
20.  <div style='position:absolute;  cursor1:wait;left:"+leftW+"px;top:200px;width:auto;height:16px;padding:12px 5px 10px 30px;\  
21.  background:#fff url(/wlzl/js/themes/default/images/pagination_loading.gif) no-repeat scroll 5px 10px;border:2px solid #ccc;color:#000;'>\  
22.  正在加載，請等待...\  
23.  </div></div>";  
24.    
25.  window.onload = function(){  
26.     var _mask = document.getElementById('loading');  
27.     _mask.parentNode.removeChild(_mask);  
28.  }  
29.   
30.        
31.  document.write(_html);  
32.    

注意這里的等待效果圖 pagination_loading.gif 的位置要指正確。

將這個(gè)js導(dǎo)入到頁面的header中最為最后一個(gè)導(dǎo)入的js，只有頁面未加載完成就會(huì)有效果?？梢栽囋嚒?/p>

加載方式如下：

不需要在其他地方加任何代碼即可實(shí)現(xiàn)。