利用jquery-ui制作遮罩效果

最新推荐文章于 2021-03-31 18:31:41 发布

java_c#

最新推荐文章于 2021-03-31 18:31:41 发布

阅读量364

点赞数

分类专栏： jquery-ui 文章标签： jquery-ui制作遮罩效果

本文链接：https://blog.csdn.net/weixin_38938932/article/details/90899730

版权

jquery-ui 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

var alertmaxZ = 2000;
var saveID = “saveData”;

function CreateOverlay() {
$("

").attr(“id”, saveID + “_save_overlay”).addClass(“ui-widget-overlay”).appendTo(document.body)
.css({ width: window.screen.width, height: $(document).height(), “z-index”: alertmaxZ });
var tipMessageWidth = 320;
var tipMessageHeight = 150;
var left = $(document).scrollLeft();
var top =

(d o c u m e n t) . s c r o l l T o p (); l e f t + = (

(window).width() - tipMessageWidth) / 2;
top += ($(window).height() - tipMessageHeight) / 2;
$("

").attr(“id”, saveID + “_save_tip_message”).html("<img border=“0” src=“chilunimg.gif”>").appendTo(document.body)
.css({ width: tipMessageWidth, height: tipMessageHeight, “position”: “absolute”, “z-index”: alertmaxZ + 1, “top”: top, “left”: left,
“text-align”: “center”, “vertical-align”: “middle”
});
}

function CloseOverlay() {
$("#" + saveID + “_save_overlay”).remove();
$("#" + saveID + “_save_tip_message”).remove();
$("#" + saveID + “_delete_tip_message”).remove();
}