|
HTML
Javascript
Flash Actionscript
PHP
mySQL
ASP
MS-SQL
Linux
Others
Ziwoo Board
Portfolio
About
|
 |
 Javascript |
| 작성 |
2009-12-10 05:24:13 추천: 85 조회: 5991 |
| 제목 |
중앙정렬 홈페이지에 레이어 좌표맞추기 |
| 이름(ID) |
지우 (ziwoo)
|
|
 |
홈페이지는 중앙정렬인데 해당된 레이어가 absolute인 경우,
사용자별 화면넓이나 혹은 중간에 창크기를 변경할때 등등..
레이어의 좌표를 보정해줘야할때 사용되는 스크립트입니다.
간단한 스크립트지만 너무나도 자주 쓰이는 스크립트이므로 이곳에 적어둡니다.
지우넷 홈페이지의 유일한 레이어는 우측에 스크롤따라 움직이는 [Top]버튼입니다.
그 [Top]버튼의 Left 좌표에 적용된 스크립트입니다.
<script language="JavaScript">
<!--
function setX() {
if(document.body.clientWidth>800){
document.getElementById('absoluteDiv').style.left = document.body.clientWidth/2 - 800/2 + 20 + "px";
}else{
document.getElementById('absoluteDiv').style.left = 20 + "px";
}
}
if(window.addEventListener) window.addEventListener("load", setX, false);
else if(window.attachEvent) window.attachEvent("onload", setX);
if(window.addEventListener) window.addEventListener("resize", setX, false);
else if(window.attachEvent) window.attachEvent("onresize", setX);
//-->
</script>
<body style="margin:0px">
<center>
<table border="0" style="margin-top:50px;">
<td><img src="http://www.ziwoo.net/sample_img/img19.jpg" width="800" height="500"></td>
</table>
<div id="absoluteDiv" style="position:absolute; top:70px; left:20px; border:1px solid #FFFFFF;">
<img src="http://www.ziwoo.net/sample_img/thumb/img5.jpg"></div>
</center>
</body>
|
|
|
|
|
|
|
Contact Phone Number
