레이어 팝업창 띄울 때 배경색 어둡게
페이지 정보
작성자 서방님 댓글 0건 조회 95회 작성일 14-05-09 16:47본문
<style>
#lay_pop{position:absolute;z-index:500;width:600px;height:400px;overflow-y:scroll;display:none;background-color:#ffffff;border:2px solid #cccccc}
#all_body{position:absolute;z-index:9;display:block;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;background-color:#000000;left:0;top:0}
</style>
<script language="javascript" src="http://letsst.cafe24.com/js/jquery-1.7.min.js"></script>
<script language="javascript">
function pushLayer(){
var $width=parseInt($("#lay_pop").css("width"));
var $height=parseInt($("#lay_pop").css("height"));
var left=($(window).width()-$width)/2;
var sctop=$(window).scrollTop()*2;
var top=($(window).height()-$height+sctop)/2;
var height=document.getElementsByTagName("body")[0].scrollHeight;
$("#lay_pop").css("left",left);
$("#lay_pop").css("top",top);
$("#lay_pop").css("display","block");
$("#lay_pop").css("z-index","555");
$("#all_body").css("display","block");
$("#all_body").css("width",$(window).width());
$("#all_body").css("height",height);
}
function layerClose(lay1,lay2){
$("#"+lay1).css("display","none");
$("#"+lay2).css("display","none");
}
</script>
<div id="lay_pop"><a href="javascript:;" onclick="layerClose('lay_pop','all_body')">닫기</a></div>
<div id="all_body"></div>
<input type="button" value="레이어" onclick="pushLayer()">
댓글목록
등록된 댓글이 없습니다.
