首页 > Web开发 > 详细

js遮罩效果

时间:2015-11-24 14:30:06      阅读:818      评论:0      收藏:0      [点我收藏+]
技术分享
function ShowLoadingMaskLayer(text) {
    var htmlContent = ‘<div id=\"masklayer\">‘ +
        ‘<div id=\"covered\" style=\"position:fixed;_position:absolute;z-index:888;top:0px; left:0px;width:100%;height:100%;background-color:#696969;opacity:0.5;\">‘ +
        ‘</div>‘ +
        ‘<div id=\"poplayer\" style=\" position:absolute;top:46%;left:46%;width:130px; height:42px;z-index:8888; background-color:#ffffff;border:3px solid #95B8E7;\">‘ +
        ‘<img src=\"/Scripts/Projects/icons/ico_loading2.gif\" style="position:absolute;top:10px;left:10px;width:22px;height:22px;\"/>‘ +
        ‘<span style=\"position:absolute;top:15px;left:52px;\" id=\"masklayertext\">‘ + text + ‘...</span>‘ +
        ‘</div>‘ +
        ‘</div>‘;
    $("#masklayerDiv").html(htmlContent);
}

function CloseLoadingMaskLayer() {
    $("#masklayerDiv").html("");
}
View Code

 

js遮罩效果

原文:http://www.cnblogs.com/zjbky/p/4991263.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!