基于Jquery的开发个代阴影的对话框效果代码

2020-05-19 07:38:50易采站长站整理

$(“#wai”).css({ “top”: $(“#nie”).position().top – 8 + “px”, “left”: $(“#nie”).position().left – 8 + “px”, “z-index”: $(“#nie”).css(“z-index”) });
// $(“#wai”).corner(“5px”); //圆角
};
this.open = function() {
this.init();
this.cssInit();
this.shadow();
};
this.shadow = function() {
this.event_b_show();
if (window.attachEvent) {
window.attachEvent(‘onresize’, this.event_b);
window.attachEvent(‘onscroll’, this.event_b);
}
else {
window.addEventListener(‘resize’, this.event_b, false);
window.addEventListener(‘scroll’, this.event_b, false);
}
};
this.event_b = function() {
var oShadow = $(‘#mask’);
if (oShadow.css(“display”) != “none”) {
if (this.event_b_show) {
this.event_b_show();
}
}
};
this.closes = function() {
var oShadow = $(‘#mask’);
oShadow.css({ ‘display’: ‘none’ });
$(“#wai”).remove();
$(“#nie”).remove();
};
this.event_b_show = function() {
var oShadow = $(‘#mask’);
oShadow.css({ ‘position’: ‘absolute’, ‘display’: ”, ‘opacity’: ‘0.1’, ‘filter’: ‘alpha(opacity=10)’, ‘background’: ‘#000’ });
var sClientWidth = parent ? parent.document.body.offsetWidth : document.body.offsetWidth;
var sClientHeight = parent ? parent.document.body.offsetHeight : document.body.offsetHeight;
var sScrollTop = parent ? (parent.document.body.scrollTop + parent.document.documentElement.scrollTop) : (document.body.scrollTop + document.documentElement.scrollTop);
oShadow.css({ ‘top’: ‘0px’, ‘left’: ‘0px’, ‘width’: sClientWidth + “px”, ‘height’: (sClientHeight + sScrollTop) + “px” });