<script language="javascript">
function docEle(str){
return document.getElementById(str);
}
function openNewDiv(_id) {
var m = "mask";
if (docEle(_id)) document.body.removeChild(docEle(_id));
if (docEle(m)) document.body.removeChild(docEle(m));
// 新激活图层
var newDiv = document.createElement("div");
newDiv.id = _id;
newDiv.style.position = "absolute";
newDiv.style.zIndex = "9999";//设置层叠次序,大于1即为离用户最近的
newDiv.style.width = "500px";
newDiv.style.height = "300px";
newDiv.style.top = "50px";
newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px";
// 屏幕居中
newDiv.style.background = "#A3F5F1";
newDiv.style.border = "1px solid #860001";
newDiv.style.padding = "5px";//属性设置元素的内边距,定义元素边框与元素内容之间的空间
newDiv.innerHTML = "新激活图层";
document.body.appendChild(newDiv);
// mask图层,为了好看,可以不要中间层
var newMask = document.createElement("div2");
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)";
document.body.appendChild(newMask);
// 关闭mask和新图层
var newA = document.createElement("a");
newA.href = "#";
newA.innerHTML = "关闭";
//newA.style.background = "#811C18";
newA.onclick = function() {
document.body.removeChild(docEle(_id));
document.body.removeChild(docEle(m));
return false;
}
newDiv.appendChild(newA);
}
</script>
<body>
<a href="#" onclick="openNewDiv('newDiv');return false;">激活新层</a>
</body>
分享到:
相关推荐
jstree创建无限分级树的方法【基于ajax动态创建子节点】.docx
1 var tt = document.getElementById("tr1"); for (var i = 0; i ; i++) { var FF = document.createElement("<td></td>"); FF.innerText = 'td'+ i;... </script>...............
对于不熟悉节点的初学者来说是难得的资料.
本文实例讲述了删除javascript所创建子节点的方法。分享给大家供大家参考。具体如下: js创建的节点,一时不知道如何删除。。。耗了一大堆时间 for(var i = 0; i < jsonList.length; i++ ){ var li_button = ...
JavaScript 实现在树形菜单中添加、删除节点实例 js note ...JavaScript实现在树形菜单中添加、删除节点实例,本程序侧重于学习,主要介绍一种在多级树节点中创建节点、删除节点,帮助了解树形菜单创作原理。
本文为大家介绍下使用js是如何创建元素(节点)的,感兴趣的朋友不要错过
主要介绍了JS简单添加元素新节点的方法,结合实例形式分析了javascript针对页面元素节点的创建、添加、克隆等相关操作技巧,需要的朋友可以参考下
js的节点操作动态创建table表格,创建行,删除行
有很多提供动态创建 style 节点的方法,但是大多数都仅限于外部的 css 文件。如何能使用程序生成的字符串动态创建 style 节点,我搞了2个小时。 静态外部 css 文件语法: @import url(style.css); 动态外部 css 文件...
主要介绍了JS常见DOM节点操作,结合实例形式分析了JavaScript针对DOM节点的创建 ,插入,删除,复制,查找等操作相关函数与使用技巧,需要的朋友可以参考下
jQuery与JavaScript节点创建方法的对比.docx
整理的关于DOM访问、创建、删除、修改文档节点及属性方法
利用纯javascript来实现的动态表格!!!超级实用知识点大概包括,jq、基本dom的获取、创建节点、innerHTML添加内容、js给标签创建属性、动态在表格中添加按钮。
一、 创建节点: 节点是DOM结构的基础,根据DOM规范,节点是一个...var $h1 = $("<h1 title='\u521b\u5efa\u8282\u70b9' class='head'>jQuery与JavaScript创建节点比较</h1>"); $("div").append($h1); //JavaScript方
主要介绍了JS实现DOM节点插入操作之子节点与兄弟节点插入操作,涉及JavaScript节点的创建、添加简单操作技巧,需要的朋友可以参考下
使用Javascript SDK以编程方式创建帐户和传输Hbar令牌的节点JS的Hehdera Hashgraph项目.zip
基于vue的流程图类似XMind流程图,可以创建节点,创建节点顺序,最后以json格式展示流程图结构。支持json导入。 #运行条件 node环境 #下载依赖 npm install #运行 npm run dev #打包 npm run build #线上体验...
GoJS是一个实现交互类图表(比如流程图,树图,关系图,力导图等等)的JS库 本资料包含了gojs原有demo,整理关系图谱动态添加节点图片头像等.html