상품에 마우스 오버시 제목나오게

 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()" />