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 相关文章推荐
JQuery CSS样式控制 学习笔记
Jul 23 Javascript
jquery offset函数应用实例
Nov 14 Javascript
JavaScript加强之自定义callback示例
Sep 21 Javascript
JQuery Tips相关(1)----关于$.Ready()
Aug 14 Javascript
js使用setTimeout实现定时炸弹的方法
Apr 10 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
微信公众号平台接口开发 获取access_token过程解析
Aug 14 Javascript
原生js实现弹窗消息动画
Nov 20 Javascript
JavaScript实现酷炫的鼠标拖尾特效
Feb 18 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
在IIS上安装PHP4.0正式版
2006/10/09 PHP
PHP 读取文件的正确方法
2009/04/29 PHP
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
php创建、获取cookie及基础要点分析
2015/01/26 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
php简单计算权重的方法示例【适合抽奖类应用】
2019/06/10 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
javascript学习笔记(十六) 系统对话框(alert、confirm、prompt)
2012/06/20 Javascript
js数组去重的常用方法总结
2014/01/24 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
javascript日期比较方法实例分析
2016/06/17 Javascript
详解js中==与===的区别
2017/01/08 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
Django Rest framework认证组件详细用法
2019/07/25 Python
python+opencv实现移动侦测(帧差法)
2020/03/20 Python
Python要求O(n)复杂度求无序列表中第K的大元素实例
2020/04/02 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
python 生成器需注意的小问题
2020/09/29 Python
AmazeUI图片轮播效果的示例代码
2020/08/20 HTML / CSS
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
维多利亚的秘密阿联酋官网:Victoria’s Secret阿联酋
2019/12/07 全球购物
EJB的激活机制
2013/10/25 面试题
大学活动策划书范文
2014/01/10 职场文书
教育基金募捐倡议书
2014/05/14 职场文书
小学清明节活动总结
2014/07/04 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
2014年政工师工作总结
2014/12/18 职场文书
化验室岗位职责
2015/02/14 职场文书
博士论文答辩开场白
2015/06/01 职场文书
申请吧主发表的感言
2015/08/03 职场文书
Python Django模型详解
2021/10/05 Python