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 Dialog 弹出层对话框插件
Aug 09 Javascript
来自国外的页面JavaScript文件优化
Dec 08 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 Javascript
玩转Koa之koa-router原理解析
Dec 29 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
Nov 17 Vue.js
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 Javascript
js中实现继承的五种方法
Jan 25 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
模拟OICQ的实现思路和核心程序(一)
2006/10/09 PHP
一个数据采集类
2007/02/14 PHP
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
ThinkPHP写第一个模块应用
2012/02/20 PHP
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
PHP实现的防止跨站和xss攻击代码【来自阿里云】
2018/01/29 PHP
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
js中查找最近的共有祖先元素的实现代码
2010/12/30 Javascript
js Function类型
2011/12/04 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
移动端web滚动分页的实现方法
2017/05/05 Javascript
移动设备手势事件库Touch.js使用详解
2017/08/18 Javascript
10分钟上手vue-cli 3.0 入门介绍
2018/04/04 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
2018/11/14 Javascript
小程序指纹验证的实现代码
2018/12/04 Javascript
ajaxfileupload.js实现上传文件功能
2019/04/19 Javascript
vue ajax 拦截原理与实现方法示例
2019/11/29 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
使用Python中PDB模块中的命令来调试Python代码的教程
2015/03/30 Python
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
Python基于QRCode实现生成二维码的方法【下载,安装,调用等】
2017/07/11 Python
python async with和async for的使用
2019/06/20 Python
Python变量访问权限控制详解
2019/06/29 Python
Python socket处理client连接过程解析
2020/03/18 Python
Django admin组件的使用
2020/10/24 Python
matplotlib自定义鼠标光标坐标格式的实现
2021/01/08 Python
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
2014年会演讲稿范文
2014/01/06 职场文书
《逃家小兔》教学反思
2014/02/23 职场文书
大学生评语大全
2014/04/18 职场文书
教师个人自我评价
2015/03/04 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
导游词之桂林山水
2019/09/20 职场文书