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