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);
}
}
查看全文
相关阅读:
解决VMwave下卡死的办法
深度探索C++对象模型第四章:函数语义学
cc
tbb库的使用
10内核同步方法
哈希
django 和restful framework 初始配置轻松搞定
linux有趣动画--代码雨
linux有趣开机图标--佛祖保佑
Socket是什么,通俗易懂点说
原文地址:https://www.cnblogs.com/afxcn/p/902761.html
最新文章
javascript执行机制
关于在for循环中绑定事件打印变量i是最后一次!
简述浏览器渲染机制
css 编码规范
js判断浏览器类型
node.js中使用socket.io + express进行实时消息推送
Express全系列教程之(二):Express的路由以及动态路由
forEach,for in,for of循环的用法
vue与react当路由页面跳转时滚动位置不对的处理
react中实现倒计时功能
热门文章
react-countup
create-react-app 打包去掉map文件
vue-vuex整理
react-按需加载
react-intl 国际化
css-手机页面适配
flutter-shared_preferences(持久化)
flutter-flutter_html(使用html标签)
C++匿名空间
QT问题解决
Copyright © 2011-2022 走看看