验证中...
私信发送成功
语言: JavaScript
分类: JavaScript 工具
最后更新于 2017-10-13 17:15
片段 1 片段 2 片段 3
遮罩css
原始数据 复制代码
<style type="text/css">
#overlayDiv {
background: #000;
filter: alpha(opacity=50); /* IE的透明度 */
opacity: 0.5; /* 透明度 */
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100; /* 此处的图层要大于页面 */
display: none;
}
#tipsDiv {
width: 292px;
position: absolute;
background-color: #FFF;
margin: 0 auto;
display: none;
z-index: 101; /* 此处的图层要大于页面 */
border-radius: 5px;
}
</style>
遮罩html
原始数据 复制代码
<div id="overlayDiv"></div>
<div id="tipsDiv"></div>
遮罩js
原始数据 复制代码
<script>
//显示服务中心窗口
function showTipsDiv() {
showOverlayDiv();
popTipsDivWindow();
}
//关闭服务中心帮助窗口
function closeTipsWindow() {
$("#tipsDiv").fadeOut("slow");
$("#overlayDiv").fadeOut("slow");
}
// 显示遮罩层
function showOverlayDiv() {
$("#overlayDiv").height(document.body.scrollHeight);
$("#overlayDiv").width(document.body.scrollWidth);
$("#overlayDiv").fadeTo(200, 0.5);
}
//弹出服务中心窗口的方法
function popTipsDivWindow() {
var windowHeight = $(window).height();
var windowWidth = $(window).width();
var popHeight = $("#tipsDiv").height();
var popWidth = $("#tipsDiv").width();
//计算弹出窗口的左上角Y的偏移量
var popY = (windowHeight - popHeight) / 2;
var popX = (windowWidth - popWidth) / 2;
//设定窗口的位置
$("#tipsDiv").css("top", popY).css("left", popX).slideToggle("slow");
}
</script>

评论列表( 0 )

你可以在登录后,对此项目发表评论

4_float_left_people 4_float_left_close