复制代码 代码如下:
\
\
\
\
\
\
阴影弹出框
\
\
\
\
\
\
\
' + $(o).html() + '\
\
\
\
\
\
';
$(document.body).append(xbox);
};
this.cssinit = function() {
/* css初始化 */
$(#wai).css({ padding: 10px, background: #000, filter: alpha(opacity='50'), position: absolute });
$(#nie).css({ position: absolute, z-index: 1000 });
$(#nie>table).css({ border: 1px solid rgb(55,119,188), border-collapse: collapse, background: #fff });
$(#nie>table>thead>tr).css({ background: rgb(0,94,172), color: #fff, height: 30px, font-size: 14px, font-weight: bold });
$(#nie>table).find(td).css({ padding: 5});
/* 内部主体定位 */
$(#nie).css({ top: 50px });
$(#nie).css({ left: 50px });
/* 关闭按钮 */
var $close = $(#nie>table>thead).find(td).next(td);
$close.html(关闭);
$close.css({ text-align: right, padding-right: 5px });
$close.find(span).css({ font-weight: normal, cursor: hand });
$close.find(span).click(function() { new zzldialog().closes(); });
/* 外部阴影添加 ,及位置和大小由内部内容来控制 */
$(#wai).css({ width: ($(#nie>table).width() + 16) + px, height: ($(#nie>table).height() + 16) + px });
$(#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 });