이미지 위에 마우스 올려놓을시에 이미지를 출력하고싶습니다 채택완료
2쁘니
10년 전
조회 3,414
옥션 상세페이지입니다
상세페이지에 보면 배송비 무료 하고 ? 이미지가있는데
마우스 올릴시에 이미지가 출력되네요
현재 이미지가 이렇게출력되고있는데
http://www.aaaa.co.kr/11111.jpg">www.aaaa.co.kr/11111.jpg를 나오게하고싶습니다
답변부탁드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
10년 전
</p><p>...</p><p><span style="font-family: gulim, helvetica; font-size: 13.0799999237061px; line-height: 23.5440006256104px; background-color: rgb(255, 255, 255);"><td><div align="right"><img src="../img/icon/zzzzzzzz.gif" class="popupBtn"></div></td></span></p><p><span style="font-size: 10pt; line-height: 1.5;">...</span></p><p> </p><p><div id="pop"><a href="<a href="http://www.aaaa.co.kr/11111.jpg" target="_blank" rel="noopener noreferrer">http://www.aaaa.co.kr/11111.jpg</a>" target="_blank" style="color: rgb(0, 0, 0); font-family: gulim, helvetica; font-size: 13.0799999237061px; line-height: 23.5440006256104px; background-color: rgb(255, 255, 255);">www.aaaa.co.kr/11111.jpg</a><span style="font-size: 10pt; line-height: 1.5;"></div></span></p><p><span style="font-size: 10pt; line-height: 1.5;"><style></span></p><p><span style="font-size: 10pt; line-height: 1.5;">#pop {</span></p><p style="margin-left: 40px;"><span style="font-size: 10pt; line-height: 1.5;">display: none;</span></p><p style="margin-left: 40px;"><span style="font-size: 10pt; line-height: 1.5;">position: absolute;</span></p><p><span style="font-size: 10pt; line-height: 1.5;">}</span></p><p><span style="font-size: 10pt; line-height: 1.5;"></style></span></p><p> </p><p><span style="font-size: 10pt; line-height: 1.5;"><script></span></p><p><span style="font-size: 10pt; line-height: 1.5;">$(".popupBtn").on("mouseover", function() {</span></p><p style="margin-left: 40px;"><span style="font-size: 10pt; line-height: 1.5;">$("#pop").css({</span></p><p style="margin-left: 80px;"><span style="font-size: 10pt; line-height: 1.5;">display: "",</span></p><p style="margin-left: 80px;">left: $(this).position().left,</p><p style="margin-left: 80px;">top: $(this).position().top</p><p style="margin-left: 40px;"><span style="font-size: 10pt; line-height: 1.5;">});</span></p><p><span style="font-size: 10pt; line-height: 1.5;">}).on("mouseout", function() {</span></p><p style="margin-left: 40px;">$("#pop").css({</p><p style="margin-left: 80px;">display: "none"</p><p style="margin-left: 40px;">});</p><p><span style="font-size: 10pt; line-height: 1.5;">});</span></p><p><span style="font-size: 10pt; line-height: 1.5;"></script></span></p><p>
대략 이런식으로 position이 absolute인 div객체의 display 속성을 가지고 보여졌다 안보여졌다 합니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
2
2쁘니
10년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
스크립트오류가 발생되네요ㅠㅠ