..열심히 공부하세../JavaScript

12 이벤트 (onMouseOver,onMouseOut)

댄스댄스 2008. 10. 30. 17:18

<HTML>
<HEAD>
<TITLE> 이벤트와 이벤트핸들러 p446 </TITLE>


<SCRIPT LANGUAGE="JavaScript">
<!--
//이벤트:어떤 상황이 발생.
//이벤트핸들러:이벤트가 발생될수 경우 처리해야할 실행명령어..
//-->
</SCRIPT>
</HEAD>

 

<BODY onLoad="alert('환영')" onUnLoad="alert('또와~~')">

 

<FORM METHOD=POST ACTION="">
 <INPUT TYPE="button" VALUE="확인" onClick="alert('하이')">
 <INPUT TYPE="text" NAME="" onFocus="alert('안녕')" onBlur="alert('바이~~')">
</FORM>

 

<TABLE width=200 border=1>
<TR onMouseOver=this.style.backgroundColor='#FF3300' onMouseOut=this.style.backgroundColor=''>
     <TD>국어</TD>
     <TD>영어</TD>
</TR>
<TR onMouseOver=this.style.backgroundColor='#FF3300' onMouseOut=this.style.backgroundColor=''>
     <TD>수학</TD>
     <TD>음악</TD>
</TR>
</TABLE>

 

</BODY>
</HTML>