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


Posted in Javascript onSeptember 29, 2009
// 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=\"https://3water.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;
Javascript 相关文章推荐
网页中实现浏览器的最大,最小化和关闭按钮
Mar 12 Javascript
Firefox和IE浏览器兼容JS脚本写法小结
Jul 07 Javascript
jquery的$(document).ready()和onload的加载顺序
May 26 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
jQuery 弹出层插件(推荐)
May 24 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
微信小程序图片宽100%显示并且不变形
Jun 21 Javascript
简单谈谈React中的路由系统
Jul 25 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
p5.js临摹动态图形的方法
Oct 23 Javascript
javascript 表单验证常见正则
Sep 28 #Javascript
javascript 页面划词搜索JS
Sep 28 #Javascript
jquery 模式对话框终极版实现代码
Sep 28 #Javascript
javascript的onchange事件与jQuery的change()方法比较
Sep 28 #Javascript
支持ie与FireFox的剪切板操作代码
Sep 28 #Javascript
javaScript 简单验证代码(用户名,密码,邮箱)
Sep 28 #Javascript
javascript parseInt 大改造
Sep 27 #Javascript
You might like
萌王史莱姆”萌王性别尴尬!那“萌战”归女组还是男?
2018/12/17 日漫
php经典算法集锦
2015/11/14 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
PHP 实现人民币小写转换成大写的方法及大小写转换函数
2017/11/17 PHP
javascript引导程序
2008/10/26 Javascript
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
jQuery版AJAX简易封装代码
2016/09/14 Javascript
判断颜色是否合法的正则表达式(详解)
2017/05/03 Javascript
Next.js项目实战踩坑指南(笔记)
2018/11/29 Javascript
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
python解决字典中的值是列表问题的方法
2013/03/04 Python
python求素数示例分享
2014/02/16 Python
浅谈Python 集合(set)类型的操作——并交差
2016/06/30 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
python2.7实现邮件发送功能
2018/12/12 Python
浅谈Python接口对json串的处理方法
2018/12/19 Python
使用python的turtle绘画滑稽脸实例
2019/11/21 Python
使用python求解二次规划的问题
2020/02/29 Python
利用HTML5 Canvas API绘制矩形的超级攻略
2016/03/21 HTML / CSS
微软加拿大官方网站:Microsoft Canada
2019/04/28 全球购物
如何从一个文件档案的尾端新增记录
2016/12/02 面试题
夏季奶茶店创业计划书
2014/01/16 职场文书
留学推荐信写作指南
2014/01/25 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
感谢信模板大全
2015/01/23 职场文书
2016党员干部廉洁自律心得体会
2016/01/13 职场文书
2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结
2016/04/06 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL
Java 数组的使用
2022/05/11 Java/Android
win10电脑老是死机怎么办?win10系统老是死机的解决方法
2022/08/05 数码科技