当前位置: 首页 > news >正文

js 弹出DIV层和关闭DIV层

js 弹出DIV层
function Pop_Msg(id) {

    var msgw, msgh, bordercolor;
    var str = document.getElementById(id);
    str.style.display = "block";
    var sWidth, sHeight;
    var w = str.offsetWidth;
    var h = str.offsetHeight;
    sWidth = document.body.offsetWidth;
    sHeight = document.body.offsetHeight + 5;
    var bgObj = document.createElement("div");
    bgObj.setAttribute('id', 'bgDiv');
    bgObj.style.position = "absolute";
    bgObj.style.top = "0";
    bgObj.style.background = "#000";
    bgObj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=4,opacity=55,finishOpacity=35";
    bgObj.style.opacity = "0.8";
    bgObj.style.left = "0";
    bgObj.style.width = "100%";
    bgObj.style.height = sHeight + "px";
    document.body.appendChild(bgObj);

    var sWidth, sHeight;
    sWidth = document.body.offsetWidth;
    sHeight = document.body.offsetHeight;
    var msgObj = document.createElement("div")
    msgObj.setAttribute("id", "msgDiv");
    msgObj.setAttribute("align", "center");
    msgObj.style.position = "absolute";
    msgObj.style.zIndex = 10001;

    msgObj.style.font = "12px/1.6em 宋体, Geneva, Arial, Helvetica, sans-serif";
    msgObj.style.border = "0px solid #C1D7EC";
    msgObj.style.width = w;
    msgObj.style.height = h;
    msgObj.style.top = (document.documentElement.scrollTop + 20) + "px";
    msgObj.style.left = (sWidth - w) / 2 + "px";
    document.body.appendChild(msgObj);
    document.getElementById("msgDiv").appendChild(str);
}

 

JS 关闭弹出的DIV层
function Close_Msg(id, flg) {
    iframeArry.pop();
    var str = document.getElementById(id);
    str.style.display = "none";
    document.body.appendChild(str);
    document.body.removeChild(document.getElementById("bgDiv"));
    document.body.removeChild(document.getElementById("msgDiv"));
    if (flg != undefined & flg == "1") {
        document.location.href = document.location.href;
    }
}

转载于:https://www.cnblogs.com/wanglei6051519/archive/2012/07/06/2579064.html

相关文章:

  • 阻尼摆运动的系统动力学VENSIM模拟仿真
  • C# 指针之美
  • 传染病模型系统动力学VENSIM模拟
  • C++ 随机数函数
  • 架构师的行为准则(一)
  • SQLITE入门-逐步讲解SQLITE命令行(一)
  • 架构师的行为准则(二)
  • SQLITE入门-逐步讲解SQLITE命令行(三)
  • SSH_Chapter2_Struts1.2的Deomo
  • vim使用技巧总结
  • 架构师的行为准则(三)
  • Java 和 C#通用的DES加密工具类的实现
  • SDL源码阅读笔记(2) video dirver的初始化及选择
  • 教你如何迅速秒杀掉:99%的海量数据处理面试题 [CSDN]
  • 主流报表工具推荐
  • ES6指北【2】—— 箭头函数
  • [iOS]Core Data浅析一 -- 启用Core Data
  • “大数据应用场景”之隔壁老王(连载四)
  • 【划重点】MySQL技术内幕:InnoDB存储引擎
  • Cookie 在前端中的实践
  • Github访问慢解决办法
  • HTML-表单
  • javascript 哈希表
  • JS题目及答案整理
  • MySQL用户中的%到底包不包括localhost?
  • PAT A1092
  • Redash本地开发环境搭建
  • VirtualBox 安装过程中出现 Running VMs found 错误的解决过程
  • webpack+react项目初体验——记录我的webpack环境配置
  • 简单实现一个textarea自适应高度
  • 深度学习中的信息论知识详解
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 体验javascript之美-第五课 匿名函数自执行和闭包是一回事儿吗?
  • 微信小程序:实现悬浮返回和分享按钮
  • 微信小程序上拉加载:onReachBottom详解+设置触发距离
  • 延迟脚本的方式
  • 移动端 h5开发相关内容总结(三)
  • 怎么将电脑中的声音录制成WAV格式
  • python最赚钱的4个方向,你最心动的是哪个?
  • ​TypeScript都不会用,也敢说会前端?
  • #include<初见C语言之指针(5)>
  • #Lua:Lua调用C++生成的DLL库
  • #鸿蒙生态创新中心#揭幕仪式在深圳湾科技生态园举行
  • #微信小程序:微信小程序常见的配置传旨
  • (附源码)springboot工单管理系统 毕业设计 964158
  • (一)基于IDEA的JAVA基础1
  • (原)记一次CentOS7 磁盘空间大小异常的解决过程
  • (转)Sublime Text3配置Lua运行环境
  • (转载)虚函数剖析
  • (轉貼) 2008 Altera 亞洲創新大賽 台灣學生成果傲視全球 [照片花絮] (SOC) (News)
  • (轉貼) UML中文FAQ (OO) (UML)
  • (轉貼)《OOD启思录》:61条面向对象设计的经验原则 (OO)
  • *_zh_CN.properties 国际化资源文件 struts 防乱码等
  • .NET Core 和 .NET Framework 中的 MEF2
  • .Net Core与存储过程(一)