IE FF OPERA都可用的弹出层实现代码

104 阅读 0 评论 69 点赞

我是靠谱客的博主不安蜜蜂，最近开发中收集的这篇文章主要介绍IE FF OPERA都可用的弹出层实现代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

// JavaScript Document 
var dv; 
var dvMsg; 
function customalert() 
{ 

dvMsg = document.createElement("div"); 
dvMsg.style.position = "absolute"; 
dvMsg.setAttribute('id', 'msg'); 
dvMsg.style.width = "600px"; 
dvMsg.style.padding = "10 0 2 0"; 
dvMsg.style.height = "313px"; 
dvMsg.style.background = "#EF621D"; 
dvMsg.style.border = "1px solid #6699dd"; 
dvMsg.style.zIndex = "1112"; 
document.body.appendChild(dvMsg); 
document.getElementById("msg").style.top = document.documentElement.scrollTop + (document.documentElement.clientHeight - document.getElementById("msg").offsetHeight)/2 + "px"; 
document.getElementById("msg").style.left = document.documentElement.scrollLeft + (document.documentElement.clientWidth - document.getElementById("msg").offsetWidth)/2 + "px"; 
var imgs = document.createElement("div"); 
imgs.setAttribute("id", "pic"); 
imgs.title = "close"; 
imgs.style.float = "left"; 
imgs.style.height = "20px"; 
imgs.innerHTML = "<a href="http://www.uoften.com" target="_blank"><img src="../javascript/close.gif"/></a>"; 
imgs.style.color = "#FFF"; 
imgs.style.textAlign = "right"; 
imgs.style.cursor = "pointer"; 
imgs.style.zIndex = "1114"; 
imgs.onclick = function() 
{ 
document.body.removeChild(dvMsg); 
document.body.removeChild(dv); 
} 

document.getElementById("msg").appendChild(imgs); 
var divstr = document.createElement("div"); 
divstr.setAttribute("id", "info"); 
divstr.style.left = "0"; 
divstr.style.position = "absolute"; 
divstr.style.marginTop = "10px"; 
divstr.style.zIndex = "1115"; 
divstr.innerHTML = "<embed src="gallery/header2.swf" pluginspage="http://www.macromedia.com/shockwave/download /" width="600" height="313"></embed>"; 
document.getElementById("msg").appendChild(divstr); 
} 

function scrolldivs() 
{ 
document.getElementById("msg").style.top=document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("msg").offsetHeight)/2+"px"; 
document.getElementById("msg").style.left=document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("msg").offsetWidth)/2+"px"; 
} 

window.attachEvent("onresize",scrolldivs); 
window.onscroll=scrolldivs; 
window.onload=scrolldivs;