zoukankan
html css js c++ java
Javascript 弹出层
Code
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=90)
"
;
newMask.style.opacity
=
"
0.90
"
;
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
;
}
var
newB
=
document.createElement(
"
a
"
);
newB.href
=
"
#
"
;
newB.innerHTML
=
"
继续添加新闻
"
;
newB.onclick
=
function
()
{
var
items
=
document.body.getElementsByTagName(
"
input
"
);
for
(i
=
0
;i
<
items.lengh;i
++
)
{
items[i].value
=
""
;
}
document.getElementById(
"
ctl00_ContentPlaceHolder1_txt_content
"
).value
=
""
;
document.body.removeChild(docEle(m));
document.body.removeChild(docEle(_id));
return
false
;
}
newDiv.appendChild(newA); newDiv.appendChild(newB);
}
查看全文
相关阅读:
AngularJS启动过程分析
mongodb 基本用法大全
bitbucket工程改名导致 repository does not exist. fatal: Could not read from remote repository.
分散的配置文件VS集中的注册表
让browserify接收命令行参数,在打包时parse yml配置文件
vscode下ts-node传入cli参数
d3 .each()
d3选择全部子节点,不知道class和id
d3 parse字符串形式的xml svg and append to element
在浏览器端用es6,babel+browserify打包
原文地址:https://www.cnblogs.com/wgms/p/1151925.html
最新文章
SVN Tree Conflict 的分析
为IIS Express添加MIME映射
通过mongodb客户端samus代码研究解决查询慢问题
.NET 4.0 中的契约式编程
大数据架构师NoSQL建模技术
如何才能实现在点击链接时直接在网页中打开word文档,但不提示保存
javascript DOM操作之 querySelector,querySelectorAll
angular 指令之ng-model篇
ng指令之 ng-class 篇
angularjs DOM操作之jqLite篇
热门文章
angularjs 过滤器详解
javascript函数
H5 使用
javascript 之Object内置对象
angularjs之自己定义指令篇
ng指令之 ng-repeat 篇
20180326-1777-1.2-UMLDOC
javascript 时间处理
ng-repeat指令使用详解
Promise 异步(asynchronous )编程
Copyright © 2011-2022 走看看