IE FF OPERA都可用的彈出層實(shí)現(xiàn)代碼
更新時(shí)間:2009年09月29日 16:59:48 作者:
多瀏覽器的彈出層效果核心代碼。需要的朋友可以測(cè)試下這個(gè)是從正在使用的網(wǎng)站中扒下來(lái)的。
復(fù)制代碼 代碼如下:
// 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.dbjr.com.cn\" 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;
相關(guān)文章
JS中實(shí)現(xiàn)數(shù)組開(kāi)頭添加元素
這篇文章主要介紹了JS中實(shí)現(xiàn)數(shù)組開(kāi)頭添加元素方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-06-06微信小程序?qū)崿F(xiàn)五星評(píng)價(jià)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)五星評(píng)價(jià),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08微信web端后退強(qiáng)制刷新功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了微信web端后退強(qiáng)制刷新功能的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-03-03Javascript 對(duì)cookie操作詳解及實(shí)例
這篇文章主要介紹了Javascript 對(duì)cookie操作詳解及實(shí)例的相關(guān)資料,大家在開(kāi)發(fā)網(wǎng)站的時(shí)候,都會(huì)用到cookie 這里就詳細(xì)介紹下,需要的朋友可以參考下2016-12-12使用JS來(lái)動(dòng)態(tài)操作css的幾種方法
這篇文章主要介紹了使用JS來(lái)動(dòng)態(tài)操作css的幾種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12js實(shí)現(xiàn)每日自動(dòng)換一張圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)每日自動(dòng)換一張圖片的方法,涉及javascript操作圖片與日期的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-05-05