¼Ò½º
¾Æ·¡ À̹ÌÁö¸¦ Ŭ¸¯ÇØ º¸¼¼¿ä!<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>
|