¶¥ÄḮÅÏ, ¾Ö´Ï¸ÞÀÌ¼Ç ¿¹Á¦¡Ø ³»¿ë ¾÷µ¥ÀÌÆ®¿Í ȨÆäÀÌÁö °ü¸® ´Ù½Ã ½ÃÀÛÇÏ°Ú½À´Ï´Ù. ^^;
|
|||
|
|||
¿¹Á¦
|
|||
¼Ò½º
<script type="text/javascript" src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <style type="text/css"> #nut img { position:relative; cursor:pointer; z-index:100; } </style> <script type="text/javascript"> function nutReturn(o){ var t = Math.ceil(Math.random() * -2000 + 1000); // -1000 ~ 1000 »çÀÌÀÇ °ª var l = Math.ceil(Math.random() * -2000 + 1000); // -1000 ~ 1000 »çÀÌÀÇ °ª var px1 = (t < 0 ? '-=':'+=') + Math.abs(t).toString(); var px1_ = (t < 0 ? '+=':'-=') + Math.abs(t).toString(); var px2 = (l < 0 ? '-=':'+=') + Math.abs(l).toString(); var px2_ = (l < 0 ? '+=':'-=') + Math.abs(l).toString(); $(o).animate({top:px1, left:px2}, 500, 'easeOutBack', function(){ $(o).animate({top:px1_, left:px2_}, 500, 'easeOutElastic'); }); } </script> <div id="nut" style="width:750px; margin:0 auto; text-align:center;"> <img src="http://biketago.com/img/etc/nut1.png" onclick="nutReturn(this)"> <img src="http://biketago.com/img/etc/nut2.png" onclick="nutReturn(this)"> <img src="http://biketago.com/img/etc/nut1.png" onclick="nutReturn(this)"> <img src="http://biketago.com/img/etc/nut1.png" onclick="nutReturn(this)"> <img src="http://biketago.com/img/etc/nut2.png" onclick="nutReturn(this)"> <img src="http://biketago.com/img/etc/nut2.png" onclick="nutReturn(this)"> <img src="http://biketago.com/img/etc/nut1.png" onclick="nutReturn(this)"> <img src="http://biketago.com/img/etc/nut3.png" onclick="nutReturn(this)"> </div> <div style="text-align:center; margin-top:20px;"> <button type="button" style="padding:10px;" onclick="$('#nut img').click()">½´ÆÛ°© ¸®ÅÏ (³Ê¹« ¸¹ÀÌ ´©¸£Áö ¸¶¼¼¿ä ^^)</button> </div> |
|||
°ü·Ã±Û ¸ðÀ½ (Á¦ÀÌÄõ¸® ¾Ö´Ï¸ÞÀÌ¼Ç ¿¹Á¦ ¸ðÀ½)
|
|||
|