Loading page,loading是遮罩页面

最新推荐文章于 2023-12-28 13:35:40 发布

lglgsy456

最新推荐文章于 2023-12-28 13:35:40 发布

阅读量2.3k

点赞数

分类专栏： .NET

本文链接：https://blog.youkuaiyun.com/lglgsy456/article/details/17607231

版权

.NET 专栏收录该内容

201 篇文章

订阅专栏

JS file page.loading.shadow.js

{

var pageLoadingContainerId = "pageLoadingIconContainer";
var pageLoadingIconContainerId = "pageLoadingShadowContainer";

var loadingIconContainer = document.createElement("div");
loadingIconContainer.id = pageLoadingIconContainerId;

loadingIconContainer.style.cssText = "display: block; background: url(\"/Scripts/Lib/Loading/images/loadingBar.gif\") no-repeat; font-size: 11px; line-height: 20px; margin: auto; text-align: left; text-indent: 36px; width: 220px; height: 19px; z-index: 1209; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; color: #FFF; text-shadow:none;";

var loadingShadowContainer = document.createElement("div");
loadingShadowContainer.id = pageLoadingContainerId;
loadingShadowContainer.style.cssText = "display: block; width: 100%; height: 100%; top: 0; position: fixed; margin: auto; background: url(\"/Scripts/Lib/Loading/images/shadow-overlay.png\") repeat; overflow: hidden; z-index: 1000; padding-top: 20%";

loadingShadowContainer.appendChild(loadingIconContainer);
document.body.appendChild(loadingShadowContainer);

}

在_layout页面引入JS.file

在页面上$document.ready的时候fadeout 遮罩层

$("#" + pageLoadingContainerId).fadeOut();