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);
}
查看全文
相关阅读:
法正(44):鄙视
法正(43):许攸
法正(42):孔明
法正(41):帮派
法正(40):常委
法正(39):寡妇
法正(38):吴苋
法正(37):刘备
法正(29):暗弱
法正(36):花瓶
原文地址:https://www.cnblogs.com/wgms/p/1151925.html
最新文章
关于CSS3的变形、过渡、动画、关联属性
C#中指针使用总结
Invoke和BeginInvoke理解
对.net事件的看法
Image控件Stretch属性
C# winform DataGridView 常见属性
C#窗体控件DataGridView常用设置
WeifenLuo.WinFormsUI.Docking.dll的用法
C# Winform 跨线程更新UI控件常用方法汇总
WinForm-SuspendLayout、ResumeLayout、PerformLayou——转载
热门文章
DynamicDataDisplay 实时曲线图的使用和沿轴移动的效果
Linux
Django
Django
读书笔记
读书笔记
MongoDB
数据库
正则表达式
工具
Copyright © 2011-2022 走看看