이미지 위에 마우스 올려놓을시에 이미지를 출력하고싶습니다
본문
옥션 상세페이지입니다
상세페이지에 보면 배송비 무료 하고 ? 이미지가있는데
마우스 올릴시에 이미지가 출력되네요
<td><div align="right"><img src="../img/icon/zzzzzzzz.gif"></div></td>
현재 이미지가 이렇게출력되고있는데
www.aaaa.co.kr/11111.jpg를 나오게하고싶습니다
답변부탁드립니다.
답변 1
...
<td><div align="right"><img src="../img/icon/zzzzzzzz.gif" class="popupBtn"></div></td>
...
<div id="pop">www.aaaa.co.kr/11111.jpg</div>
<style>
#pop {
display: none;
position: absolute;
}
</style>
<script>
$(".popupBtn").on("mouseover", function() {
$("#pop").css({
display: "",
left: $(this).position().left,
top: $(this).position().top
});
}).on("mouseout", function() {
$("#pop").css({
display: "none"
});
});
</script>
대략 이런식으로 position이 absolute인 div객체의 display 속성을 가지고 보여졌다 안보여졌다 합니다.
!-->
답변을 작성하시기 전에 로그인 해주세요.