![](/bink.gif) |
|
| ![](/bink.gif) |
|
![](icon/private_name/1.gif) ȨÆäÀÌÁö |
20³â Àü |
<!-- À̹ÌÁö Ãâ·ÂºÎºÐ -->
<div style="position:relative;width:162;height:132;border:1px solid #000000;" >
<div style="position:absolute;width:160;height:130;left:0;top:0;clip:rect(0 160 130 0)" onmouseover="poto_stop()" onmouseout="poto_move()">
<div id="poto" style="position:absolute;width:800;height:130;left:0;top:0;">
160 X 130 »çÀÌÁî À̹ÌÁö 5°³
<div>
</div>
</div>
<script>
// Á¿ì·Î ¿Ô´Ù°¬´Ù ÇØÁÖ°Ô ÇÏ´Â º¯¼ö
i=-1;
// óÀ½ Á¤Áö½Ã°£ 5ÃÊ
delay=5000;
// ¿òÁ÷ÀÌ´Â ÇÔ¼ö¸¦ ½ÇÇà
poto_move();
// ¿òÁ÷ÀÓ ÇÔ¼ö
function poto_move(){
// ÁÂÃø ¶Ç´Â ¿ìÃøÀ¸·Î 1Çȼ¿¾¿ À̵¿½ÃÅ´
poto.style.pixelLeft += i;
// ¸Ç ÁÂÁï ¶Ç´Â ¿ìÃø¿¡ µµ´ÞÇßÀ» ¶§ ¹Ý´ë ¹æÇâÀ¸·Î Àüȯ½ÃÅ´
if(poto.style.pixelLeft == -640 || poto.style.pixelLeft == 0) i *= -1;
// ¸¸¾à »çÁø ÇÑÀå »çÀÌÁî°¡ µÇ¸é 5Ãʵ¿¾È ¸ØÃá´Ù. »çÁøÀ» º¸¿©ÁÖ±â À§ÇØ
if(!(poto.style.pixelLeft % 160)) delay=5000;
// Á¤ÇØÁø ½Ã°£¸¶´Ù poto_move() ÇÔ¼ö¸¦ ÀÚµ¿ ½ÇÇàÇÑ´Ù.
t1=setTimeout("poto_move()",delay);
// ±âº»ÀûÀ¸·Î À̵¿µÇ´Â ½Ã°£À» 50/1000À¸·Î ÇÑ´Ù. À̹ÌÁö°¡ ½º¸£¸£ ¿òÁ÷ÀδÙ.
delay=50;
}
function poto_stop(){
// ÀÚµ¿ ½ÇÇà ÇÔ¼ö¸¦ ¸ØÃä´Ï´Ù.
clearTimeout(t1);
}
</script> |
|
̵̧ : 308 |
̵̧
¸ñ·Ï
|
|
| ![](/bink.gif) |
|