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);
}
查看全文
相关阅读:
MemCached总结二:数据管理指令
MemCached总结一:Unbutu操作系统下memcached服务器安装和telnet方式连接memcache
Laravel5 开启Debug
状压dp
树形dp
区间dp
线性dp
背包九讲
dp求解各种子串子序列
线段树详解
原文地址:https://www.cnblogs.com/wgms/p/1151925.html
最新文章
7.27T2
codeforces392B
luogu2331
7.26T1四分图匹配
7.26T3小游戏
7.26T2某不科学的迷你激光炮
codeforces814E
oracle数据库的case方法的简单使用
为什么使用private static final
数据库exists
热门文章
mybatis的<trim>标签
Oracle 的开窗函数
记一次@XmlSeeAlso的奇怪地方
关于redis cluster
关于redis哨兵判断监视节点是否宕机的原理,redis哨兵Sdown,Odown
关于redis主从架构重新选举master带来的问题
关于redis的哨兵
在YII2中使用memcached
在YII2中使用redis
MemCached总结三:PHP的memcached管理接口
Copyright © 2011-2022 走看看