浏览 1391 次
|
锁定老帖子 主题：js创建新节点，创建层
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2012-04-04
<script language="javascript">
var docEle = function() { return document.getElementById(arguments[0]); } function openNewDiv(_id) { var m = "mask"; if (docEle(_id)) document.removeChild(docEle(_id)); if (docEle(m)) document.removeChild(docEle(m)); // 新激活图层 var newDiv = document.createElement("div"); newDiv.id = _id; newDiv.style.position = "absolute"; newDiv.style.zIndex = "999"; 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 = "#000"; 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> 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
