[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>
#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>
추천0
댓글목록
등록된 댓글이 없습니다.
