º Learning 。/♂ Javascript ♀

onmouseover onmouseon

나른한오후에 2009. 5. 25. 10:14

<HEAD>
  <TITLE>
New Document </TITLE>
  <style
type="text/css">
   #temp
   {
    position:absolute;
    left:200;
    top:200;
   }
  </style>

  <script type="text/javascript">
   // id:temp 의 스타일 속성 "display:none"를 변경하는 함수
   function show()
   {
    temp.style.display = '';
   }

   function hide()
   {
    temp.style.display= 'none';
   }
  </script>
 </HEAD>

 <BODY>
  <IMG
SRC="/img002.jpg" WIDTH="76" HEIGHT="70" BORDER="0" ALT="snoopy" onmouseover="show()" onmouseout="hide()">
  <!-- style="display:none" 속성은 이미지를 보이지 않도록 하는 속성 -->
  <!-- onclick="show()" : 클릭했을때 함수 실행 -->
  <!-- onMouseover="show()" : 마우스를 그림영역에 위치했을때 함수 실행 -->
  <!-- onmouseout="hide()" : 마우스가 그림영역 바깥으로 갈 때 함수 실행 -->

  <div id="temp"  style="display:none">
   <IMG SRC="/img002.jpg" WIDTH="760" HEIGHT="705" BORDER="0" ALT="snoopy">
  </div>
 </BODY>