[onmouseenter, onmouseleave] html img에 활용하기

<img src="../img/lms/notice_icon.png" onmouseenter="src='../img/lms/notice_icon_on.png'" onmouseleave="src='../img/lms/notice_icon.png'" alt="과정홈아이콘">

주의할 점은 img태그안의 마우스 이벤트를 입력한 것이기 때문에 이 이미지 태그 외의 다른 태그에 마우스 호버를 해도 변함이 없다.

즉 아래와 같이 아이콘과 텍스트가 함께 있는 블록의 마우스 이벤트를 넣고 싶다면 javascript나 jQuery로 작업을 추천한다.