[jQuery] 마우스 오버 이미지 변경 > 팁앤테크

• 목록
• 게시판 리스트 옵션
  • 검색

• 페이스북 공유
• 트위터 공유
• 

<style type="text/css">
#item { display: inline-block; }
#item img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}    
</style>

<div class="item">
    <img src="img1.jpg">
    <img src="img2.jpg">
</div>

<script>
$("#item").hover(function() {
    $(this).find("img:last").fadeToggle();
});    
</script>