码迷,mamicode.com
首页 > 其他好文 > 详细

加载页面(Loading)

时间:2016-09-30 09:35:24      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:

/*
文件说明:页面加载时Loading JS
文件描述:解决IE或FF下,初始化加载时,页面布局乱掉的问题,参考:
*/
var width = $(window).width();
var height = $(window).height();

var html = "<div id=‘loading‘ style=‘position:absolute;left:0;z-index:999999;width:100%;height:" + height + "px;top:0;background:#E0ECFF;opacity:1;filter:alpha(opacity=100);‘>";
html += "<div style=‘position:absolute;cursor1:wait;z-index:999999;left:" + ((width / 2) - 75) + "px;top:200px;width:150px;height:16px;padding:12px 5px 10px 40px;";
html += "background:#fff url(../../Content/images/loading.gif) no-repeat scroll 5px 5px;border:2px solid #ccc;color:#000;‘>";
html += "正在加载请稍后....";
html += "</div>";
html += "</div>";

window.onload = function () {
var mask = document.getElementById(‘loading‘);
mask.parentNode.removeChild(mask);
};
document.write(html);

加载页面(Loading)

标签:

原文地址:http://www.cnblogs.com/huangf714/p/5922583.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!