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 相关文章推荐
FLASH 广告之外的链接
Dec 16 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
Jul 25 Javascript
精选的10款用于构建良好易用性网站的jQuery插件
Jan 23 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
JavaScript生成GUID的多种算法小结
Aug 18 Javascript
JQuery对表单元素的基本操作使用总结
Jul 18 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
怎样判断jQuery当前元素是隐藏还是显示
Nov 23 Javascript
vuex操作state对象的实例代码
Apr 25 Javascript
详解如何从零开始搭建Express+Vue开发环境
Jul 17 Javascript
javascript 原型与原型链的理解及应用实例分析
Feb 10 Javascript
Postman无法正常返回结果问题解决
Aug 28 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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
GBK的页面输出JSON格式的php函数
2010/02/16 PHP
从PHP的源码中深入了解stdClass类
2014/04/18 PHP
PHP中单引号与双引号的区别分析
2014/08/19 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
PHP笛卡尔积实现算法示例
2018/07/30 PHP
取得父标签
2006/11/14 Javascript
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
javascript面向对象编程代码
2011/12/19 Javascript
JS获取select-option-text_value的方法
2013/12/26 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
js操作浏览器的参数方法
2017/01/21 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
在Vue项目中引入JQuery-ui插件的讲解
2019/01/27 jQuery
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
Python3变量与基本数据类型用法实例分析
2020/02/14 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
Python实现随机爬山算法
2021/01/29 Python
Shopping happy life西班牙:以最优惠的价格提供最好的时尚配饰
2020/03/13 全球购物
介绍一下游标
2012/01/10 面试题
优秀教师先进材料
2014/12/16 职场文书
邀请函的格式
2015/01/30 职场文书
匿名信格式范文
2015/05/27 职场文书
iPhone13将有八大升级
2021/04/15 数码科技
python通配符之glob模块的使用详解
2021/04/24 Python
一篇文章带你复习java知识点
2021/06/28 Java/Android
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript