【转】JS写图层方法.document.createElement("div")
来源:互联网 发布:手机锁软件 编辑:程序博客网 时间:2024/05/17 22:36
<script language="javascript">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));// 新激活图层var newDiv = document.createElement("div");newDiv.id = _id;newDiv.style.position = "absolute";newDiv.style.zIndex = "9999";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 = "#EFEFEF";newDiv.style.border = "1px solid #860001";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);// 关闭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><body><a href="#" onclick="openNewDiv('newDiv');return false;">激活新层</a><p>网页内容网页内容网页内容</p><p>网页内容网页内容网页内容</p></body>
该文章转载自网络大本营:http://www.xrss.cn/Info/14120.Html
var w = jQuery(myAlert).innerWidth(),h = jQuery(myAlert).innerHeight();jQuery(myAlert).css({'position':'fixed','top':'50%','left':'50%','margin-top':-(h/2),'margin-left':-(w/2)}).show();
myAlert是要弹出的div,fixed表示不随滚动条滚动,w和h算出来的是div的高和宽
0 0
- 【转】JS写图层方法.document.createElement("div")
- 简化document.createElement("div")动态生成层方法 (转)
- js document.createElement()的用法 (转)
- js document.createElement()的用法 (转)
- js document.createElement()
- js document.createElement
- 简化document.createElement("div")动态生成层方法
- 不为人知的JS调用样式的方法---document.createElement().addRule(..)
- 转document.createElement()
- js document.createElement()的用法
- js、document.createElement()的用法
- 动态加载js文件 document.createElement
- JS document.createElement 动态添加表
- JS中document.createElement()的用法
- JS中document.createElement()用法及注意事项
- js document.createElement浏览器兼容处理
- JS中document.createElement()的用法
- JS中document.createElement()的用法
- 图文大话编程语言史
- Linux下搭建Apache 服务器
- Yale CAS + .net Client 实现 SSO(3)
- Java Grammar-继承与多态
- 干货再次来袭!Linux小白最佳实践:《超容易的Linux系统管理入门书》(连载八)用命令实现批量添加用户
- 【转】JS写图层方法.document.createElement("div")
- C++ 标准模板库STL
- JS正则表达式详解
- OpenGL学习记录1
- linux之设备屏幕截图
- 使用org.apache.commons.mail发送邮件
- Hibernate中Criteria的用法
- android 图片压缩
- web.xml中配置启动时加载的servlet,load-on-starup