EasyUI 遮罩的应用

时间:13-04-25 栏目:EasyUI, web前端 作者:zongyan86 评论:0 点击: 4,867 次

很多人用EasyUI 渲染的时候都会有卡一下的时候,就是会把一些不该显示的东西先显示下,然后再渲染出来。

有种解决方案就是用遮罩。

在主页body标签加入以下代码。

<div id="loading-mask" style="position: absolute; top: 0px; left: 0px; width: 100%;
height: 100%; background: #得得的; z-index: 20000">
<div id="pageloading" style="position: absolute; top: 50%; left: 50%; margin: -120px 0px 0px -120px;
text-align: center; border: 2px solid #地得到; width: 200px; height: 20px; font-size: 14px;
padding: 10px; font-weight: bold; background: #fff; color: #得得的;">
<img src="loading.gif" align="absmiddle" />
正在加载中,请稍候...
</div>
</div>

然后在脚本中加入:

$('#loading-mask').css("display", "none");

这样,事情就完美解决了。



声明: 本文由( zongyan86 )原创编译,转载请保留链接: EasyUI 遮罩的应用


热搜关键词: easyui   开发   web开发
广告虚位以待

关注我们