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 相关文章推荐
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
javascript getElementsByClassName函数
Apr 01 Javascript
在JavaScript中获取请求的URL参数[正则]
Dec 25 Javascript
JavaScript中__proto__与prototype的关系深入理解
Dec 04 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
Sep 22 Javascript
bootstrap模态框实现拖拽效果
Dec 14 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
Node.js使用Koa搭建 基础项目
Jan 08 Javascript
零基础之Node.js搭建API服务器的详解
Mar 08 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
Sep 17 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
截获网站title标签之家内容的例子
2006/10/09 PHP
使用apache模块rewrite_module (转)
2007/02/14 PHP
PHP封装XML和JSON格式数据接口操作示例
2019/03/06 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
基于jquery的Repeater实现代码
2010/07/17 Javascript
JavaScript编程开发中的五个实用小技巧
2010/07/22 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
2011/11/17 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2012/01/21 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
使用do...while的方法输入一个月中所有的周日(实例代码)
2016/07/22 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
2016/10/25 Javascript
Vue.js用法详解
2017/11/13 Javascript
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
web.py在模板中输出美元符号的方法
2014/08/26 Python
跟老齐学Python之??碌某?? target=
2014/09/12 Python
python的类方法和静态方法
2014/12/13 Python
在类Unix系统上开始Python3编程入门
2015/08/20 Python
Python爬虫爬验证码实现功能详解
2016/04/14 Python
详解python之协程gevent模块
2018/06/14 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
基于python实现把图片转换成素描
2019/11/13 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
Bluebella美国官网:英国性感内衣品牌
2018/10/04 全球购物
大学毕业生个人自荐信范文
2014/01/08 职场文书
广告宣传策划方案
2014/05/21 职场文书
医学生求职信
2014/07/01 职场文书
Python破解极验滑动验证码详细步骤
2021/05/21 Python
Python数据分析之绘图和可视化详解
2021/06/02 Python