항상중심에레이어띄우기
<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>
<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개
드렁크수달스
18년 전
바로 쓰겠습니다. 감사합니다.
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 806 | 기타 | 19년 전 | 6655 | ||
| 805 | JavaScript |
|
19년 전 | 3449 | |
| 804 | MySQL |
|
19년 전 | 4803 | |
| 803 | PHP |
느낌좋은날
|
19년 전 | 3914 | |
| 802 | Flash | 19년 전 | 4001 | ||
| 801 | 기타 | 19년 전 | 5487 | ||
| 800 | JavaScript | 19년 전 | 3924 | ||
| 799 | Flash |
Sinpre
|
19년 전 | 3988 | |
| 798 | JavaScript | 19년 전 | 3635 | ||
| 797 | 기타 | 19년 전 | 3596 | ||
| 796 | 기타 | 19년 전 | 4345 | ||
| 795 | JavaScript | 19년 전 | 3424 | ||
| 794 | JavaScript |
|
19년 전 | 4523 | |
| 793 | 기타 |
|
19년 전 | 2920 | |
| 792 | MySQL | 19년 전 | 6937 | ||
| 791 | MySQL | 19년 전 | 5178 | ||
| 790 | Flash | 19년 전 | 6143 | ||
| 789 | 정규표현식 | 19년 전 | 4752 | ||
| 788 | PHP | 19년 전 | 5054 | ||
| 787 | JavaScript | 19년 전 | 3696 | ||
| 786 | JavaScript | 19년 전 | 4065 | ||
| 785 | JavaScript | 19년 전 | 4205 | ||
| 784 | JavaScript | 19년 전 | 5320 | ||
| 783 | JavaScript | 19년 전 | 4198 | ||
| 782 | 기타 | 19년 전 | 4718 | ||
| 781 | 기타 | 19년 전 | 4714 | ||
| 780 | 기타 | 19년 전 | 3263 | ||
| 779 | 기타 | 19년 전 | 3471 | ||
| 778 | 기타 | 19년 전 | 3878 | ||
| 777 | JavaScript | 19년 전 | 3909 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기