ÂøÇÑ °Íµé > Á¦ÀÌÄõ¸® ¿¹Á¦ > Àç¹ÌÀÖ´Â ¿¹Á¦

¶¥ÄḮÅÏ, ¾Ö´Ï¸ÞÀÌ¼Ç ¿¹Á¦

¡Ø ³»¿ë ¾÷µ¥ÀÌÆ®¿Í ȨÆäÀÌÁö °ü¸® ´Ù½Ã ½ÃÀÛÇÏ°Ú½À´Ï´Ù. ^^;
¿äÁò ºÐÀ§±â¿¡ ¸ÂÃç¼­ °£´ÜÇÑ ¶¥ÄḮÅÏ ¿¹Á¦¸¦ ¸¸µé¾î º¸¾Ò½À´Ï´Ù.

¾Æ·¡ ¶¥Äá »çÁøµéÀ» Ŭ¸¯ÇØ º¸¼¼¿ä.


¶¥ÄáÀÌ ¾Æ´Ï¶ó±¸¿ä? ±×°Ç »ó°ü¾ø½À´Ï´Ù.

¶¥ÄáÀº µ¹¾Æ¿Â´Ù´Â°Ô Áß¿äÇÑ °ÍÀÌÁÒ. ¶¥ÄáÀÇ ±Í¼Ò º»´ÉÀ» Á÷Á¢ ¾Ë¾Æº¸¼¼¿ä ^^


¡Ø »çÁøÀº Á÷Á¢ Âï°í ÆíÁýÇÏ¿´½À´Ï´Ù. ½ºÅ©¸³Æ® ¸¸µå´Â °Íº¸´Ù ´õ ¾î·Æ³×¿ä ¤Ð¤Ð
¿¹Á¦
¼Ò½º
<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>
°ü·Ã±Û ¸ðÀ½ (Á¦ÀÌÄõ¸® ¾Ö´Ï¸ÞÀÌ¼Ç ¿¹Á¦ ¸ðÀ½)
¢Ñ ´ÞÆØÀÌȨ2 µî·ÏÀÏ : 2014-12-17