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);
}
查看全文
相关阅读:
Codeforces Round #644 (Div. 3)(A~G)
【】BZOJ3687: 简单题(dp+bitset)
[LeetCode] 275. H-Index II
[LeetCode] 1028. Recover a Tree From Preorder Traversal
[LeetCode] 1014. Best Sightseeing Pair
[LeetCode] 468. Validate IP Address
[LeetCode] 701. Insert into a Binary Search Tree
[LeetCode] 658. Find K Closest Elements
[LeetCode] 787. Cheapest Flights Within K Stops
[LeetCode] 1300. Sum of Mutated Array Closest to Target
原文地址:https://www.cnblogs.com/wgms/p/1151925.html
最新文章
java基础的第二轮快速学习!day02
新的一个田地!!我要坚持耕种!
图形界面系列教材 (九)- Swing如何使用工具栏JToolBar
图形界面系列教材 (八)- 如何在Swing中使用菜单JMenu
图形界面系列教材 (六)- Swing 四种常见面板
图形界面系列教材 (五)- Swing 中的组件列表
图形界面系列教材 (四)- Swing五种常见的布局器
图形界面系列教材 (五)- Swing 中的组件列表
图形界面系列教材 (四)- Swing五种常见的布局器
图形界面系列教材 (三)- Swing 的容器 JFrame和JDialog
热门文章
图形界面系列教材 (二)- Swing 如何进行事件监听
图形界面系列教材 (一)- 一个简单的 Swing 例子
面向对象实验 ——(三)数据的保护与共享
面向对象实验(七)——多态性2
牛客—— 红球进黑洞 (线段树+位运算)
牛客—— 小A的最短路 (LCA)
洛谷——网络流24题
ACM题目中关于数据的生成以及OJ上Linux和Windows里回车和换行的处理
Web前端开发复习——HTML基础
前端——JS之随机更改背景颜色
Copyright © 2011-2022 走看看