레이어팝업

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

#layerPop{width:600px;height:200px;position:absolute;display:none;border:1px solid #ccc;padding:10px;}

#layerPop .close{position:absolute;bottom:5px;right:5px;}

</style>

<!--

//레이어 팝업 열기

function openLayer(IdName, tpos, lpos){

var pop = document.getElementById(IdName);

pop.style.display = "block";

pop.style.top = tpos + "px";

pop.style.left = lpos + "px";

}

//레이어 팝업 닫기

function closeLayer(IdName){

var pop = document.getElementById(IdName);

pop.style.display = "none";

}

//-->

</script>

</head>

<ol>

<li>레이어 팝업 열기: openLayer('레이어 팝업ID',top위치,left위치)</li>

<li>레이어 팝업 닫기 closeLayer('레이어 팝업ID')</li>

<li>첨부터 레이어 팝업을 보여줄라면 #layerPop에서 display:none; 제거</li>

</ol>

<a href="#" onclick="closeLayer('layerPop')" class="close">close</a>

</div>

<body>

</body>

</html>

쩡이지롱