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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
jQuery ajax 路由和过滤器使用说明
Aug 02 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
Aug 13 Javascript
Table冻结表头示例代码
Aug 20 Javascript
node.js中的fs.openSync方法使用说明
Dec 17 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
jQuery根据表单name获取值的方法
May 24 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
Angular2之二级路由详解
Aug 31 Javascript
详解vue引入子组件方法
Feb 12 Javascript
如何使用webpack打包一个库library的方法步骤
Dec 18 Javascript
解决vue scoped scss 无效的问题
Sep 04 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 生成唯一id的几种解决方法
2013/03/08 PHP
PHP实现检测客户端是否使用代理服务器及其匿名级别
2015/01/07 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】
2019/05/06 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
php设计模式之原型模式分析【星际争霸游戏案例】
2020/03/23 PHP
PHP如何使用array_unshift()在数组开头插入元素
2020/09/01 PHP
Lazy Load 延迟加载图片的jQuery插件中文使用文档
2012/10/18 Javascript
js关闭模态窗口刷新父页面或跳转页面
2012/12/13 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
利用jQuery中的ajax分页实现代码
2016/02/25 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
vue2 前端搜索实现示例
2018/02/26 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
jQuery实现简单评论区功能
2020/10/26 jQuery
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
Python中的fileinput模块的简单实用示例
2015/07/09 Python
详解Python发送邮件实例
2016/01/10 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
解决python3中的requests解析中文页面出现乱码问题
2019/04/19 Python
python使用tkinter库实现五子棋游戏
2019/06/18 Python
利用Python实现手机短信监控通知的方法
2019/07/22 Python
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
单位实习证明怎么写
2014/01/17 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL