¼Ò½º
¸¶¿ì½º¸¦ ¿òÁ÷¿© º¸¼¼¿ä<br><br>
»ç¿ëµÈ À̹ÌÁö<br>
<img src="/images/helper/huk.gif"><br>
Çä !!
<img id="img1" style="position:absolute; left:0; top:0; z-index:999;" src="http://superkts.pe.kr/images/helper/huk.gif">
<script language="JavaScript">
<!--
// ¸¶¿ì½º Ä¿¼ À§Ä¡ ´ãÀ» º¯¼ö
var mouseX = 0;
var mouseY = 0;
function getMousePosition(e){
var eObj = window.event? window.event : e; // IE, FF ¿¡ µû¶ó À̺¥Æ® ó¸® Çϱâ
mouseX = eObj.clientX;
mouseY = eObj.clientY + document.documentElement.scrollTop; // ȸéÀ» ½ºÅ©·Ñ ÇßÀ»¶§¸¦ À§ÇÑ Ã³¸® (½ºÅ©·Ñ ÇÑ ¸¸Å ¸¶¿ì½º YÁÂÇ¥¿¡ + )
// documentElement °¡ ¾ÈµÈ´Ù¸é body ¹Ù²ã¾ß ÇÑ´Ù. Å©·ÒÀÇ °æ¿ì.. (ÀÚµ¿ÆÄ¾Ç ·ÎÁ÷ ÇÊ¿ä)
}
function moveImg(){
// À̹ÌÁö À§Ä¡ ÆľÇÇϱâ
var m_x = parseInt(document.getElementById('img1').style.left.replace('px', ''));
var m_y = parseInt(document.getElementById('img1').style.top.replace('px', ''));
// À̹ÌÁö ¿òÁ÷À̱â
document.getElementById('img1').style.left = Math.round(m_x + ((mouseX - m_x) / 5)) + 'px';
document.getElementById('img1').style.top = Math.round(m_y + ((mouseY - m_y) / 5)) + 'px';
// ºÎµå·´°Ô µû¶ó¿À´Â °ø½Ä ´ë·«..
// ÇöÀç À̹ÌÁöÀ§Ä¡ = ÇöÀçÀ̹ÌÁö À§Ä¡ + (À̹ÌÁö À§Ä¡±âÁØ ¸¶¿ì½º Ä¿¼ À§Ä¡ / ÀûÀýÇÑ ³ª´©±â °ª)
// ¹Ýº¹ ó¸® ÇØÁÖ¸é µË´Ï´Ù.
// ¡Ø À̹ÌÁö À§Ä¡ ±âÁØ ¸¶¿ì½º Ä¿¼ À§Ä¡¶õ?
// À̹ÌÁö¸¦ ±âÁØÀ¸·Î ±× À̹ÌÁö¿¡¼ Ä¿¼°¡ ¾ó¸¶³ª ¶³¾îÁ® ÀÖ´ÂÁö ¿©ºÎ
}
document.onmousemove = getMousePosition; // ¸¶¿ì½º°¡ ¿òÁ÷À̸é getMousePosition ÇÔ¼ö ½ÇÇà
setInterval("moveImg()", 50); // moveImg ÇÔ¼ö ¹Ýº¹ ½ÇÇàÇÏ¿© À̹ÌÁö ¿òÁ÷À̱â
//-->
</script>
|