zoukankan
html css js c++ java
js效果我的蒙板效果实现
最近做网站要用到它,虽然说别人已经实现过很多了,但我还是喜欢自己实现一个。
var
mask
=
function
(o)
{
var
o
=
$(o);
var
maskDiv
=
document.createElement('div');
maskDiv.id
=
"
__maskTag__882366488776
"
;
maskDiv.className
=
"
ModalBackground
"
;
Element.setStyle(maskDiv,
{position:
"
absolute
"
, zIndex:
1000
, left:
"
0px
"
, top:
"
0px
"
, Element.getWidth(
!
ctit.utility.isNull(o)
?
o:document.body)
+
"
px
"
, height:
!
ctit.utility.isNull(o)
?
Element.getHeight(o)
+
"
px
"
:ctit.utility.getViewHeight()
+
"
px
"
}
);
if
(
!
ctit.utility.isNull(o))
{
var
xy
=
Position.cumulativeOffset(o);
Element.setStyle(maskDiv,
{left: xy[
0
]
+
"
px
"
, top: xy[
1
]
+
"
px
"
}
);
o.appendChild(maskDiv);
}
else
{
document.body.appendChild(maskDiv);
}
}
var
unMask
=
function
()
{
var
maskDiv
=
$(
"
__maskTag__882366488776
"
);
if
(maskDiv)
{
document.body.removeChild(maskDiv);
}
}
查看全文
相关阅读:
openGL线s的绘制
openGL绘制正方形
openGL的使用步骤
[归并排序][逆序数]Brainman
[动态规划]Tak and Cards
[STL][stack]简单计算器
[题解]2018湘潭邀请赛
[数论][组合数学]Iroha and a Grid
[STL][stack]括号配对问题
[简单思维题]Sequence(山东省第九届ACM大学生程序设计竞赛E题)
原文地址:https://www.cnblogs.com/afxcn/p/902761.html
最新文章
vsftp FTP服务器 server settings , and add different users
wget ( download the whole page from the website )
Bek Trak Trik for wireless WPA/WPA2 & SSH & email
elasticsearch 常用命令
rabbitmq常用命令
rabbitmq安装与高可用集群配置
Jira和Confluence备份恢复
mysql的并发控制
mysql的架构
elasticsearch 索引备份恢复
热门文章
elasticsearch集群优化
ldap 集成harbor
mongodb集群配置及备份恢复
java中的正则表达式
点击表格的单元格时实现变颜色,通过for循环为每个单元格添加一个onclick事件
openGL剪裁区
OpenGL绘制棱锥,剔除
OpenGl入门
点绘制螺旋线
OpenGl绘制螺旋线
Copyright © 2011-2022 走看看