IE FF OPERA都可用的弹出层实现代码
IE FF OPERA都可用的弹出层实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下://JavaScriptDocumentvardv;vardvMsg;functioncustomalert(){dvMs...

复制代码 代码如下:

// 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.jb51.net" 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;

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类