´ÞÆØÀÌ°¡ ´Þ¸®´Â 2D ¾Ö´Ï¸ÞÀÌ¼Ç ¿¹Á¦, Á¦ÀÌÄõ¸® ¾Ö´Ï¸ÞÀÌ¼Ç¡Ø ³»¿ë ¾÷µ¥ÀÌÆ®¿Í ȨÆäÀÌÁö °ü¸® ´Ù½Ã ½ÃÀÛÇÏ°Ú½À´Ï´Ù. ^^;
|
|||
|
|||
¿¹Á¦
|
|||
¼Ò½º
<style type="text/css"> #screen { background-image:url('http://superkts.pe.kr/img/helper/land_bg.gif'); position:relative; width:500px; height:300px; margin:0 auto; overflow:hidden; border:2px solid black; border-radius:5px; } #screen div { position:absolute; white-space:nowrap; } </style> <script type="text/javascript"> function animate(){ $('#bg1').css('left', '+=1'); if($('#bg1').position().left >= 500) $('#bg1').css('left', '-600px'); $('#bg2').css('left', '+=2'); if($('#bg2').position().left >= 0) $('#bg2').css('left', '-500px'); $('#bg3').css('left', '+=3'); if($('#bg3').position().left >= 0) $('#bg3').css('left', '-583px'); $('#bg4').css('left', '+=5'); if($('#bg4').position().left >= 0) $('#bg4').css('left', '-500px'); $('#sprite1').css('left', '-=1'); if($('#sprite1').position().left < -100) $('#sprite1').css('left', '500px'); $('#sprite2').css('left', '-=3'); if($('#sprite2').position().left < -100) $('#sprite2').css('left', '500px'); $('#sprite3').css('left', '-=4'); if($('#sprite3').position().left < -100) $('#sprite3').css('left', '500px'); } setInterval(animate, 50); </script> <div id="screen"> <div id="bg1" style="top:50px; left:0;"> <img src="http://superkts.pe.kr/img/helper/land04.gif" /> </div> <div id="sprite3" style="top:140px; left:500px;"> <img src="http://superkts.pe.kr/img/helper/runner.gif" /> </div> <div id="bg2" style="top:180px; left:-500px;"> <img src="http://superkts.pe.kr/img/helper/land03.gif" /><img src="http://superkts.pe.kr/img/helper/land03.gif" /> </div> <div id="bg3" style="top:220px; left:-583px;"> <img src="http://superkts.pe.kr/img/helper/land02.gif" /><img src="http://superkts.pe.kr/img/helper/land02.gif" /> </div> <div id="sprite1" style="top:170px; left:400px;"> <img src="http://superkts.pe.kr/img/helper/runner.gif" /> </div> <div id="sprite2" style="top:185px; left:200px;"> <img src="http://superkts.pe.kr/img/helper/runner.gif" /> </div> <div id="bg4" style="top:250px; left:-500px;"> <img src="http://superkts.pe.kr/img/helper/land01.gif" /><img src="http://superkts.pe.kr/img/helper/land01.gif" /> </div> </div> <div style="margin-top:20px; text-align:center;">+ ¿À´Ãµµ ¿½ÉÈ÷ ´Þ¸®´Â ´ÞÆØÀÌ (ÀÌ È¨ÆäÀÌÁöÀÇ Ä³¸¯ÅÍÀÔ´Ï´Ù) +</div> |
|||
°ü·Ã±Û ¸ðÀ½ (Á¦ÀÌÄõ¸® ¾Ö´Ï¸ÞÀÌ¼Ç ¿¹Á¦ ¸ðÀ½)
|
|||
|