onmouseover, onmouseout 정리

1. event onmouseover : 마우스 커서가 해당 개체 안에 들어갈 경우 발생하는 이벤트 onmouseout : 마우스 커서가 해당 개체에서 벗어날 경우 발생하는 이벤트 2. 사용방법 2.1 this를 이용한 색상 적용 <input type="button" value="테스트" onmouseover="this.style.backgroundColor='#ff0000'" onmouseout="this.style.backgroundColor='#ffffff'"/> 2.2 this를 이용한 class 적용 <style> .on{ background-color: red; } .off{ background-color: white; } </style> <input type="button" value="테스트" onmouseover="this.className='on'" onmouseout="this.className='off'"/> 2.3 script 사용 <input type="bu...

원문링크 : onmouseover, onmouseout 정리