js弹出遮层
<script>
        var docEle = function () {
            return document.getElementById(arguments[0]) || false;
        }
        function openNewDiv(_id) {
            var m = "mask";
            if (docEle(_id)) document.removeChild(docEle(_id));
            if (docEle(m)) document.removeChild(docEle(m));
            // www.codefans.net 新激活图层
            var newDiv = document.createElement("div");
            newDiv.id = _id;
            newDiv.style.position = "absolute";
            newDiv.style.zIndex = "9999";
            newDiv.style.width = "200px";
            newDiv.style.height = "300px";
            newDiv.style.top = "100px";
            newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中
            newDiv.style.background = "EEEEEE";
            newDiv.style.border = "1px solid #0066cc";
            newDiv.style.padding = "5px";
            newDiv.innerHTML = "此内容为新激活的弹窗";
            document.body.appendChild(newDiv);
            // mask图层
            var newMask = document.createElement("div");
            newMask.id = m;
            newMask.style.position = "absolute";
            newMask.style.zIndex = "1";
            newMask.style.width = document.body.scrollWidth + "px";
            newMask.style.height = document.body.scrollHeight + "px";
            newMask.style.top = "0px";
            newMask.style.left = "0px";
            newMask.style.background = "#000";
            newMask.style.filter = "alpha(opacity=40)";
            newMask.style.opacity = "0.40";
            document.body.appendChild(newMask);
            // docutment www.codefans.net 
            // 关闭mask和新图层
            var newA = document.createElement("a");
            newA.href = "#";
            newA.innerHTML = "关闭激活层";
            newA.onclick = function () {
                document.body.removeChild(docEle(_id));
                document.body.removeChild(docEle(m));
                return false;
            }
            newDiv.appendChild(newA);
        }
    </script>
    <a href="#" onclick="openNewDiv(this);return false;">弹出新层</a>
js弹出遮层的更多相关文章
- js弹出div层,弹出层页面底部出现UL出现一条线问题
		整个弹出div层,列表满一页时:底部会出现一条横线 原因:ul固定写在页面中了 解决方法: 将ul代码与li列表一样写在js中,如下 var newhtml = '<ul class=" ... 
- js  弹出 隐藏层和cookie
		<script type="text/javascript"> function checkCookie(show_div, bg_div) { var smtstk ... 
- js弹出div层内容(按回退键关闭div层及遮罩)
		<!--弹出的div列表对应的详情--> <div id="newhtml" class="white_content"> <di ... 
- JS弹出遮罩层
		// create div var mask=document.createElement("div"); mask.id="mask"; mask.style ... 
- JS 点击按钮后弹出遮罩层,有关闭按钮
		<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ... 
- js弹出层
		js弹出层 1.div附近显示 <div id="message"></div> $().delay().hide(); 2.遮罩层 表单提交后遮住页面,等 ... 
- 【JS新手教程】浏览器弹出div层1
		JS中,可以弹出一个层来进行提示等作用,方法是利用css样式display样式,当display等于none时,该元素就不会在页面显示出来,而且元素也不会占空间.就是用户触发某些事件时,动态修改该样式 ... 
- 【JS新手教程】弹出两层div,及在LODOP内嵌上层
		前面的博文有个简单的弹出div层[JS新手教程]浏览器弹出div层1,有一层,不过为了提示,一般会不让用户可以点击该提示之外的地方的.如果让用户弹出层后,把其他的按钮和链接都设置不可用应该比较麻烦,如 ... 
- div+js 弹出层
		<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t ... 
随机推荐
- 细节之strcat
			写代码也这么多年了,有些非常基础的东西却让我差点栽跟头: 有如下一种场景的需求代码: char tmp; ]; memset(input, , ); ) // ptr是得到了某块全局内存的 { tmp ... 
- MaxScript粒子流塌陷
			也是帮网友写的.不过最后没用上.哈哈. targetPF = $ startTime = AnimationRange.Start.Frame endTime = AnimationRange.End ... 
- iOS Objective-C 中 bool 与 BOOL 的你不一定知道的事
			测试一下这段代码: - (void)test { NSLog(@"this is an attribut: %d", anAttribute); ; i < ; i++) { ... 
- [Swift实际操作]七、常见概念-(13)使用UIScreen查询设备屏幕信息
			本文将为你演示,如何获得设备的屏幕信息,了解设备的屏幕尺寸等信息,才能做出适配性更好的应用程序. 首先导入需要使用到的界面工具框架 import UIKit 然后通过UIScreen类,就可以获得设备 ... 
- maven指定本地的文件包
			maven指定本地的文件包 案例: <!-- CKFinder begin --> <dependency> <groupId>net.coobird</gr ... 
- mxonline实战11,课程详情页2,课程章节页
			对应github地址:第11天 一. 课程详情页2 1. 课程详情页第2块中的课程介绍中,修改course-detail.html中代码,搜索课程详情,找到如下代码 
- jenkins详解(一)
			还是以以下几个问题来学习这个软件: 1.jenkins是什么? 2.为什么要用jenkins? 3.怎么用jenkins? 1.jenkins是什么? Jenkins是一个开源的.提供友好操作界面的持 ... 
- C++与C的区别二
			1. new,delete的局部重载: #include <iostream> using namespace std; ; class myclass { public: myclass ... 
- multiprocess(上)
			仔细说来,multiprocess不是一个模块而是python中一个操作.管理进程的包. 之所以叫multi是取自multiple的多功能的意思,在这个包中几乎包含了和进程有关的所有子模块.由于提供的 ... 
- DataList用法总结
			设计模版: 页眉<HeaderTemplate> </HeaderTemplate> 页脚<FooterTemplate> </FooterTemplat ... 
