엠

항상중심에레이어띄우기

<html>
<body onresize="javascript:centerWindow();" onload="centerWindow();">
<script language="JavaScript">
<!--
function centerWindow() {
var xMax = document.body.clientWidth, yMax = document.body.clientHeight;

var xOffset = (xMax-200)/2+20, yOffset = (yMax-150)/2+40;
//중심에서 오른쪽으로 20, 아래로 40픽셀에 항상 위치하는 레이어
var divMenu = document.all['Layer1'].style;
divMenu.top = yOffset;
divMenu.left = xOffset;
}
//centerWindow();
//-->
</script>

<p><div id="Layer1" style="position:absolute; left:200px; top:80px; width:200px; height:150px;
z-index:1">
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" bgcolor=#FFFFFF style="border:#808080 1px solid;" height=150>

<span style="font-family:굴림; font-size:9pt">항상 중심에 뜨는 <br>
레이어 샘플입니다.</span><br>
<img src="http://www.google.co.kr/images/logo_sm.gif" width="150" height="55" alt="배너">
</td>
</tr>
</table>
</div>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>

댓글 1개

바로 쓰겠습니다. 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
07-01-25 조회 3,770
07-01-21 조회 2,031
07-01-19 조회 1,792
06-12-15 조회 2,909
06-12-15 조회 3,300
06-12-15 조회 1,711
06-12-15 조회 3,304
06-12-15 조회 2,151
06-12-15 조회 2,920
06-12-15 조회 1,866
06-12-15 조회 1,604
06-12-15 조회 3,467
06-12-15 조회 2,043
06-12-15 조회 2,111
06-12-07 조회 3,567
06-12-07 조회 2,839
06-12-04 조회 3,457
06-11-27 조회 2,560
06-11-21 조회 2,821
06-11-15 조회 2,268
06-11-04 조회 2,176
06-10-29 조회 2,853
06-10-13 조회 2,716
06-10-13 조회 3,050
06-10-13 조회 3,020