IE FF OPERA都可用的彈出層實(shí)現(xiàn)代碼
更新時(shí)間：2009年09月29日 16:59:48 作者：
多瀏覽器的彈出層效果核心代碼。需要的朋友可以測(cè)試下這個(gè)是從正在使用的網(wǎng)站中扒下來的。
復(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.dhdzp.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;
相關(guān)文章
Three.js開發(fā)實(shí)現(xiàn)3D地圖的實(shí)踐過程總結(jié)
這篇文章主要給大家介紹了關(guān)于利用Three.js開發(fā)實(shí)現(xiàn)3D地圖的實(shí)踐過程，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用three.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
JS實(shí)現(xiàn)定時(shí)任務(wù)每隔N秒請(qǐng)求后臺(tái)setInterval定時(shí)和ajax請(qǐng)求問題
這篇文章主要介紹了JS實(shí)現(xiàn)定時(shí)任務(wù)每隔N秒請(qǐng)求后臺(tái)setInterval定時(shí)和ajax請(qǐng)求 的相關(guān)資料,需要的朋友可以參考下2017-10-10
JavaScript實(shí)例--實(shí)現(xiàn)計(jì)算器
這篇文章主要介紹了JavaScript實(shí)現(xiàn)計(jì)算器，下面文章實(shí)現(xiàn)計(jì)算器作為學(xué)習(xí)期間的一個(gè)小練習(xí)，需要的小伙伴可以參考一下，希望對(duì)你有所幫助2022-01-01
這篇文章主要介紹了使用JavaScript通過前端發(fā)送電子郵件,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
用js來生成隨機(jī)彩票號(hào)碼清單...2007-02-02
javascript實(shí)現(xiàn)給定半徑求出圓的面積
這篇文章主要介紹了javascript實(shí)現(xiàn)給定半徑求出圓的面積的相關(guān)資料,需要的朋友可以參考下2015-06-06
JavaScript中變量提升導(dǎo)致未定義(undefined)的問題及解決方法
在 JavaScript 中,變量提升（Hoisting）是一個(gè)相對(duì)常見的行為,尤其是當(dāng)你遇到 undefined 錯(cuò)誤時(shí),本文將詳細(xì)探討變量提升的概念、其對(duì)代碼執(zhí)行的影響以及如何避免因?yàn)樽兞刻嵘鴮?dǎo)致 undefined 的問題,需要的朋友可以參考下2024-09-09
微信小程序template模板與component組件的區(qū)別和使用詳解
這篇文章主要介紹了微信小程序template模板與component組件的區(qū)別和使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
特想搞點(diǎn)新的創(chuàng)意出來-立體方塊...2007-06-06
純js實(shí)現(xiàn)的積木(div層)拖動(dòng)功能示例
這篇文章主要介紹了純js實(shí)現(xiàn)的積木(div層)拖動(dòng)功能,結(jié)合實(shí)例形式分析了javascript隨機(jī)生成各種顏色div層及響應(yīng)鼠標(biāo)事件改變?cè)貙傩詫?shí)現(xiàn)拖動(dòng)效果的相關(guān)操作技巧,需要的朋友可以參考下2017-07-07