真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

jQuery中EasyUI頁面加載等待及頁面等待層的示例分析

這篇文章主要為大家展示了“jQuery中EasyUI頁面加載等待及頁面等待層的示例分析”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery中EasyUI頁面加載等待及頁面等待層的示例分析”這篇文章吧。

江海網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。創(chuàng)新互聯(lián)從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

下面一個(gè)代碼片段是 easyUI 頁面加載等待,代碼如下所示:

function ajaxLoading() { 
 var id = "#textboxDiv"; 
 var left = ($(window).outerWidth(true) - 190) / 2; 
 var top = ($(window).height() - 35) / 2; 
 var height = $(window).height() * 2; 
 $("
").css({ display: "block", width: "100%", height: height }).appendTo(id);   $("
").html("正在加載,請稍候...").appendTo(id).css({ display: "block", left: left, top: top });  }  function ajaxLoadEnd() {   $(".datagrid-mask").remove();   $(".datagrid-mask-msg").remove();  }

下面看個(gè)工具類 基于easyui的頁面等待提示層,即mask

/** 
 * 使用方法: 
 * 開啟:MaskUtil.mask(); 
 * 關(guān)閉:MaskUtil.unmask(); 
 * 
 * MaskUtil.mask('其它提示文字...'); 
 */ 
var MaskUtil = (function(){ 
 var $mask,$maskMsg; 
 var defMsg = '正在處理,請稍待。。。'; 
 function init(){ 
  if(!$mask){ 
   $mask = $("
").appendTo("body");    }    if(!$maskMsg){     $maskMsg = $(""+defMsg+"")      .appendTo("body").css({'font-size':'12px'});    }    $mask.css({width:"100%",height:$(document).height()});    var scrollTop = $(document.body).scrollTop();    $maskMsg.css({     left:( $(document.body).outerWidth(true) - 190 ) / 2     ,top:( ($(window).height() - 45) / 2 ) + scrollTop    });   }   return {    mask:function(msg){     init();     $mask.show();     $maskMsg.html(msg||defMsg).show();    }    ,unmask:function(){     $mask.hide();     $maskMsg.hide();    }   }  }());

效果圖:

jQuery中EasyUI頁面加載等待及頁面等待層的示例分析

以上是“jQuery中EasyUI頁面加載等待及頁面等待層的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!


名稱欄目:jQuery中EasyUI頁面加載等待及頁面等待層的示例分析
瀏覽地址:http://weahome.cn/article/pdohgo.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部