html 弹窗之后页面变灰色,html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以...

html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以

2011-06-10 18:22阅读：

孑孓

努力搬砖，养老婆孩子。

关注

function showid(idname){

var isIE = (document.all) ? true : false;

var isIE6 = isIE && ([/MSIE

(\d)\.0/i.exec(navigator.userAgent)][0][1] == 6);

var newbox=document.getElementByIdx_x(idname);

newbox.style.zIndex='9999';

newbox.style.display='block'

newbox.style.position = !isIE6 ? 'fixed' : 'absolute';

newbox.style.top =newbox.style.left = '50%';

newbox.style.marginTop = - newbox.offsetHeight / 2 + 'px';

newbox.style.marginLeft = - newbox.offsetWidth / 2 + 'px';

var layer=document.createElement_x('div');

layer.id='layer';

layer.style.width=layer.style.height='100%';

layer.style.position= !isIE6 ? 'fixed' : 'absolute';

layer.style.top=layer.style.left=0;

layer.style.backgroundColor='#000';

layer.style.zIndex='9998';

layer.style.opacity='0.6';

document.body.appendChild(layer);

function layer_iestyle(){

layer.style.width=Math.max(document.documentElement.scrollWi