87,990
社区成员
发帖
与我相关
我的任务
分享
<script language="javascript">
//选择楼宇弹出层
$(function(){
var body_h=$(document).height(); //取得浏览器可视高度值
var $main=$(".main3"); //获取弹出层
var main_h=$main.height(); //获取弹出层高度
var main_w=$main.width(); //获取弹出层宽度
var main2_h=Math.round(main_h/2);
var main2_w=Math.round(main_w/2);
var $block=$(".block3"); //获取黑色遮挡层
var $open_btn=$(".louyu"); //获取弹出层触发按钮
var $close_btn=$(".louyu_close"); //获取关闭层按钮
var $html=$("html"); //获取锁定滚动条所需对象
//设置遮挡背景层(黑层)高度
function block_h(){
$block.height(body_h);
}
//动态设置弹出层水平,垂直居中于浏览器
function align(){
$main.css({"margin-left":-main2_w,"margin-top":-main2_h});
}
//显示遮挡层,弹出层 并锁定浏览器滚动条
//$open_btn.click(function(){
align();
block_h();
$main.show();
$block.show();
$html.addClass("lock");
//})
//隐藏遮挡层,弹出层 并解锁浏览器滚动条
$close_btn.click(function(){
block_h();
$main.hide();
$block.hide();
$html.removeClass("lock");
});
});
//选择楼宇弹出层完成
</script>