<style type="text/css">
.css_test {
border : 5px solid gray;
border-radius : 5px;
padding : 5px;
}
.css_test img {
position : relative;/* 이미지에 애니메이션 효과를 주기위해 설정 */
}
</style>
버튼을 누르면 개만 점프합니다.<br><br>
<button type="button"
onclick="j_test()">눌러보세용</button>
<div class="css_test">
<img src="//superkts.com/img/css/dog061.gif" />
<img src="//superkts.com/img/css/cat051.gif" />
<img src="//superkts.com/img/css/dog061.gif" />
<img src="//superkts.com/img/css/dog060.gif" />
<img src="//superkts.com/img/css/dog021.gif" />
</div>
<script type="text/javascript">
function j_test(){
$('.css_test img
:not( [src*=cat] )' ).animate({ top : -50 }, 100, function(){
$(this).animate({ top : 0 }, 100);
});
}
</script>