<style type="text/css">
.css_test {
border : 5px solid gray;
border-radius : 5px;
padding : 5px;
}
</style>
클릭한 얼굴의 이전(왼쪽) 얼굴들이 반응합니다. 얼굴을 클릭해 보세요 ^^<br><br>
<div class="css_test">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
<img src="//superkts.com/img/huk1.gif">
</div>
<script type="text/javascript">
$('.css_test img').bind( 'click', function(){ j_test(this) } ).css( 'cursor', 'pointer' );
function j_test(o){
$( o )
.prevAll()
.add( o )
.attr('src', '//superkts.com/img/huk2.gif');
setTimeout(function(){
$( '.css_test img' ).attr('src', '//superkts.com/img/huk1.gif');
}, 500);
}
</script>