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 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
浅谈Javascript鼠标和滚轮事件
Jun 27 Javascript
一些老手都不一定知道的JavaScript技巧
May 06 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 Javascript
实例详解jQuery的无new构建
Aug 02 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
JQuery实现定时刷新功能代码
May 09 jQuery
jsonp跨域请求详解
Jul 13 Javascript
详解如何在angular2中获取节点
Nov 23 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
vue element-ui中table合计指定列求和实例
Nov 02 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
构建简单的Webmail系统
2006/10/09 PHP
php数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
浅析php适配器模式(Adapter)
2014/11/25 PHP
PHP实现的进度条效果详解
2016/05/03 PHP
Dojo 学习要点
2010/09/03 Javascript
javascript取消文本选定的实现代码
2010/11/14 Javascript
jqgrid 简单学习笔记
2011/05/03 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
[55:02]2014 DOTA2国际邀请赛中国区预选赛 HGT VS Orenda
2014/05/21 DOTA
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
python sorted函数的小练习及解答
2019/09/18 Python
如何通过python计算圆周率PI
2020/11/11 Python
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
医学生职业规划范文
2014/01/05 职场文书
前厅部经理岗位职责范文
2014/02/04 职场文书
大学生优秀自荐信范文
2014/02/25 职场文书
家长对老师的感言
2014/03/11 职场文书
分层教学实施方案
2014/03/19 职场文书
教师竞聘演讲稿
2014/05/16 职场文书
公司户外活动总结
2014/07/04 职场文书
四风对照检查材料思想汇报
2014/09/20 职场文书
优秀大学生事迹材料
2014/12/24 职场文书
小时代观后感
2015/06/10 职场文书
python opencv人脸识别考勤系统的完整源码
2021/04/26 Python
python文件与路径操作神器 pathlib
2022/04/01 Python
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技