메뉴 건너뛰기

조회 수 6908 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

항상 레이어가 정 가운데 위치하는 스크립트...

 

 

<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>

<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>


List of Articles
번호 제목 날짜 조회 수
179 easing - 효과의 진행 속도 file 2021.03.26 156
178 jQuery 사용자 정의 속성이 잘 반영되지 않은 경우 2021.03.25 158
177 before / after / insertBefore / insertAfter - element 추가 (동등 관계) 2021.03.31 168
176 radio 제어하기 2021.03.25 170
175 focus() 로 오브젝트 옮기기 2021.03.26 171
174 input checkbox 모두 체크하기 2021.03.26 176
173 모든 링크를 읽어들여 기존의 태그 뒤에 새창열기 태그를 추가하기 예 2021.03.25 183
172 foreach문 2021.03.26 195
171 CSS로 요소에 대한 클릭 등 이벤트 발생을 막고 싶을 때 2021.03.25 197
170 jquery 사용자정의 속성의 사용 2021.03.25 205
169 parent of the iframe element selector 2021.03.31 205
168 행에 징검다리 스타일 입히기 (:odd, :even) 2021.03.31 210
167 prepend / append - element 추가 (부모/자식 관계) 2021.03.31 225
166 jQuery로 접속 주소(URL) 알아내기 2021.03.25 228
165 라디오 버튼 선택값 가져오기 2021.03.26 229
164 제이쿼리에서 클래스(class) 이름 추가/삭제 2021.03.31 233
163 change 전의 값을 가져오기 2021.03.26 246
162 마우스 좌표 얻기 2021.03.31 271
161 draggable - div 드래그 2021.03.31 271
160 javascript, jQuery에서 루프 돌리기 예 (for, forEach, each) 2021.03.25 276
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved