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下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
js中的屏蔽的使用示例
Jul 30 Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 Javascript
JS动态加载当前时间的方法
Feb 09 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
May 15 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
jquery实现先淡出再折叠收起的动画效果
Aug 07 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
微信小程序制作扭蛋机代码实例
Sep 24 Javascript
在Layui中实现开关按钮的效果实例
Sep 29 Javascript
js实现弹窗效果
Aug 09 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
php 修改上传文件大小限制实例详解
2016/10/23 PHP
laravel添加前台跳转成功页面示例
2019/10/22 PHP
PHP 扩展Memcached命令用法实例总结
2020/06/04 PHP
js输出列表实现代码
2010/09/12 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
js 窗口抖动示例
2013/09/04 Javascript
屏蔽script注入小例子
2013/11/12 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
JS中完美兼容各大浏览器的scrolltop方法
2015/04/17 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
2015/12/16 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
2016/08/02 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
详解React Native网络请求fetch简单封装
2017/08/10 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
浅谈vue后台管理系统权限控制思考与实践
2018/12/19 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
2019/09/23 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
vue3.0中友好使用antdv示例详解
2021/01/05 Vue.js
python中的yield使用方法
2014/02/11 Python
Python中格式化format()方法详解
2017/04/01 Python
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
python实现XML解析的方法解析
2019/11/16 Python
Python Tkinter图形工具使用方法及实例解析
2020/06/15 Python
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
Java里面如何创建一个内部类的实例
2015/01/19 面试题
Java里面Pass by value和Pass by Reference是什么意思
2016/05/02 面试题
环保建议书
2014/03/12 职场文书
跑操口号
2014/06/12 职场文书
本科生自荐信
2014/06/18 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
防暑降温通知书
2015/04/27 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书
Python爬虫入门案例之爬取二手房源数据
2021/10/16 Python
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS