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 相关文章推荐
javascript编程起步(第四课)
Jan 10 Javascript
javascript 原型继承介绍
Aug 30 Javascript
关于跨站脚本攻击问题
Dec 22 Javascript
java与javascript之间json格式数据互转介绍
Oct 29 Javascript
js实现iframe自动自适应高度的方法
Feb 17 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
js实现无缝滚动特效
Dec 20 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
微信小程序 循环及嵌套循环的使用总结
Sep 26 Javascript
JS返回顶部实例代码
Aug 09 Javascript
vue动态绘制四分之三圆环图效果
Sep 03 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
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
php include的妙用,实现路径加密
2008/07/29 PHP
PHP基础知识介绍
2013/09/17 PHP
PHP模拟登陆163邮箱发邮件及获取通讯录列表的方法
2015/03/07 PHP
php常量详细解析
2015/10/27 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
JS查看对象功能代码
2008/04/25 Javascript
JS 分号引起的一段调试问题
2009/06/18 Javascript
Javascript isArray 数组类型检测函数
2009/10/08 Javascript
js delete 用法(删除对象属性及变量)
2014/08/24 Javascript
鼠标悬浮停留三秒后自动显示大图js代码
2014/09/09 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
浅析JavaScript动画
2015/06/10 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
[17:00]DOTA2 HEROS教学视频教你分分钟做大人-帕克
2014/06/10 DOTA
python中引用与复制用法实例分析
2015/06/04 Python
Python字符串的一些操作方法总结
2019/06/10 Python
django的ORM操作 删除和编辑实现详解
2019/07/24 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
Python3 + Appium + 安卓模拟器实现APP自动化测试并生成测试报告
2021/01/27 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
1亿有多大教学反思
2014/05/01 职场文书
大学生标准自荐书
2014/06/15 职场文书
遗嘱继承权公证书
2015/01/26 职场文书
2015年秋学期师德师风建设工作总结
2015/10/23 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
mysql查看表结构的三种方法总结
2022/07/07 MySQL