手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >IE FF OPERA都可用的弹出层实现代码
IE FF OPERA都可用的弹出层实现代码
摘要:复制代码代码如下://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;

【IE FF OPERA都可用的弹出层实现代码】相关文章:

Js和JQuery获取鼠标指针坐标的实现代码分享

设为首页 加入收藏的js代码

网页里控制图片大小的相关代码

打印/预览/设置的客户端代码

强制设为首页代码

一些很实用且必用的小脚本代码第1/5页

JS实现简洁、全兼容的拖动层实例

让插入到 innerHTML 中的 script 跑起来的实现代码

网页常用特效代码整理

Javascript 字符串模板的简单实现

精品推荐
分类导航