<style type="text/css">
.css_test {
margin-top : 10px;
}
.css_test td {
width : 70px;
height : 150px;
}
.css_test img {
width : 60px;
}
</style>
아래 버튼을 여러번 눌러보세요.<br><br>
<button type="button"
onclick="j_test('even')">even 얼굴</button>
<button type="button"
onclick="j_test('odd')">odd 얼굴</button>
<table class="css_test" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><img src="//superkts.com/img/huk1.gif" /></td>
<td><img src="//superkts.com/img/huk1.gif" /></td>
<td><img src="//superkts.com/img/huk1.gif" /></td>
<td><img src="//superkts.com/img/huk1.gif" /></td>
<td><img src="//superkts.com/img/huk1.gif" /></td>
<td><img src="//superkts.com/img/huk1.gif" /></td>
<td><img src="//superkts.com/img/huk1.gif" /></td>
<td><img src="//superkts.com/img/huk1.gif" /></td>
</tr>
</table>
<script type="text/javascript">
function j_test(v){
$('.css_test img:' + v).stop().slideToggle(1000, 'easeOutElastic');
}
</script>