007빵

아래 이미지를 클릭해 보세요!<br>
<br>
<style type="text/css">

	#bbang { width:660px; margin:0 auto; }
	#bbang img { position:relative; cursor:pointer; margin:3px; }

</style>

<div id="bbang">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
	<img src="http://biketago.com/img/etc/huk1.gif">
</div>

<script type="text/javascript">

	function wait(j){
		var move = Math.round(Math.random() * 3) + 1;
		var time = Math.round(Math.random() * 500) + 500;

		$(j).animate({top:'-=' + move}, time, function(){
			$(j).animate({top:'+=' + move}, time, wait(j));
		});
	}

	function bbang(j){
		j.prev().attr('src', 'http://biketago.com/img/etc/huk2.gif');
		j.next().attr('src', 'http://biketago.com/img/etc/huk2.gif');

		setTimeout(function(){
			j.prev().attr('src', 'http://biketago.com/img/etc/huk1.gif');
			j.next().attr('src', 'http://biketago.com/img/etc/huk1.gif');
		}, 1000);
	}

	// 이미지 클릭시 bbang 함수를 실행
	$('#bbang img').bind('click', function(){
		bbang($(this));
	});

	// 각 이미지마다 wait 함수를 실행 (위아래로 움직이도록)
	$('#bbang img').each(function(){
		wait(this);
	});

</script>