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 相关文章推荐
MooTools 页面滚动浮动层智能定位实现代码
Aug 23 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
JavaScript实现的一个倒计时的类
Mar 12 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
基于node实现websocket协议
Apr 25 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
canvas轨迹回放功能实现
Dec 20 Javascript
基于iScroll实现内容滚动效果
Mar 21 Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 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
我常用的几个类
2006/10/09 PHP
在PHP中读取和写入WORD文档的代码
2008/04/09 PHP
php使HTML标签自动补全闭合函数代码
2012/10/04 PHP
PHP入门之常量简介和系统常量
2014/05/12 PHP
PHP将数据导出Excel表中的实例(投机型)
2017/07/31 PHP
javascript 函数调用规则
2009/08/26 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
多个datatable共存造成多个表格的checkbox都被选中
2013/07/11 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
ie与ff下的event事件使用介绍
2013/11/25 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
xmlplus组件设计系列之网格(DataGrid)(10)
2017/05/05 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
2017/06/16 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python  pip安装lxml出错的问题解决办法
2017/02/10 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
Python实现一个简单的验证码程序
2017/11/03 Python
Python编程使用tkinter模块实现计算器软件完整代码示例
2017/11/29 Python
matplotlib.pyplot画图并导出保存的实例
2019/12/07 Python
jupyter notebook 的工作空间设置操作
2020/04/20 Python
浅谈CSS3中display属性的Flex布局的方法
2017/08/14 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
Nike瑞典官方网站:Nike.com (SE)
2018/11/26 全球购物
中班幼儿评语大全
2014/04/30 职场文书
2016年元旦致辞
2015/08/01 职场文书
环保建议书作文500字
2015/09/14 职场文书
班主任培训研修日志
2015/11/13 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
MySQL 亿级数据导入导出及迁移笔记
2021/06/18 MySQL
Redis过期数据是否会被立马删除
2022/07/23 Redis