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中巧用“闭包”实现程序的暂停执行功能
Apr 04 Javascript
JavaScript 乱码问题
Aug 06 Javascript
学习ExtJS table布局
Oct 08 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
js实现文本框选中的方法
May 26 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
Jan 21 Javascript
js 判断登录界面的账号密码是否为空
Feb 08 Javascript
微信小程序 商城开发(ecshop )简单实例
Apr 07 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
Django+Vue跨域环境配置详解
Jul 06 Javascript
JavaScript Array对象基本方法详解
Sep 03 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
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
PHP 读取Postgresql中的数组
2013/04/14 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
smarty高级特性之过滤器的使用方法
2015/12/25 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
Js的MessageBox
2006/12/03 Javascript
面向对象的Javascript之三(封装和信息隐藏)
2012/01/27 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
浅谈JavaScript的函数及作用域
2016/12/30 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
Vue2.0中集成UEditor富文本编辑器的方法
2018/03/03 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
Angular8 实现table表格表头固定效果
2020/01/03 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
[52:07]完美世界DOTA2联赛PWL S3 LBZS vs access 第二场 12.10
2020/12/13 DOTA
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
python networkx 包绘制复杂网络关系图的实现
2019/07/10 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
专注澳大利亚特产和新西兰特产的澳洲中文网:0061澳洲制造
2019/03/24 全球购物
澳大利亚最早和最古老的巨型游戏专家:Yardgames
2020/02/20 全球购物
自荐信不宜过于夸大
2013/11/06 职场文书
生物科学专业个人求职信范文
2013/12/05 职场文书
工程业务员岗位职责
2013/12/31 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
交通安全主题班会
2015/08/12 职场文书
Vue2.0搭建脚手架
2022/03/13 Vue.js
openstack云计算keystone组件工作介绍
2022/04/20 Servers