상품에 마우스 오버시 제목나오게 채택완료

서영준 11년 전 조회 5,117

답변 1

상품에 마우스 오버시

상품명이 나오면서 검은색 반투명한 이미지가 씌워지게 하려면 어떻게 하면될까요;;

#영카트5

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

채택된 답변

+20 포인트

용좌

11년 전

img 태그에 onMouseOver에 function을 지정해두면 마우스 오버시 호출이 됩니다.

반대로 onMouseOut에 function을 지정해두면 마우스가 이미지에 오버되었다 빠져 나갈때 호출이 됩니다.

아래는 위 두 이벤트를 사용해서 기본 이미지아세 마우스 오버시 다른 이미지를 나오게 했습니다.

또 마우스가 이미지에서 빠져 나가면 원래 이미지를 넣어 주었습니다.

<script type="text/javascript">
function mouseOver(){
doc-ument.getElementById("img").src ="http://icon.daum-img.net/top/cms/2009/12/6843867398305072.gif";
}
function mouseOut(){
doc-ument.getElementById("img").src ="http://icon.daum-img.net/top/cms/2009/12/5718094882248655.png";
}
</script>
<img id="img" src="http://icon.daum-img.net/top/cms/2009/12/5718094882248655.png" border="0" on-MouseOver="mouseOver()" on-MouseOut="mouseOut()" />

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

상품에 마우스 오버시 제목나오게 채택완료

답변 1개

공유하기