이미지 롤오버

보통 버튼에 많이 쓰는 이미지 롤오버.
조금은 역동적으로 표현? 살아있는 듯한 표현? 강조의 표현?
아무튼 의도가 어떻게 되었던 간에 이미지 객체에 onmouseover, onmouseout 이벤트로 이미지 경로를 삭삭~ 바꿔주면 된다.

기본적인 이미지 롤오버 스크립트다.
여기서 this 란. 해당 객체를 말하는 것이다. 즉, 지금 이 이미지 인 것이다. 이 놈의 src 경로를 바꿔 주는 것이다.

함수로 만들어 보았다.
위와 같이 쓰려면 오버되었을때의 이미지를 이름을 끝에 _over 라는 놈을 꼭 넣어야 한다.

답글 남기기

이메일은 공개되지 않습니다.