자바스크립트를 사용하여 이미지 마우스 오버롤 효과 내기
[자바스크립트 기초]이미지 오버롤 기능
2011. 7. 22. 14:58
https://pusankjs.blog.me/40134463325
베이직에 있는 내용인데요 조금 간단하게 쓸수 있어서 서 올려봅니다.
아래 이미지에 마우스를 올려보세요..<p>
<a href="#"
onmouseover="document.menu1.src='http://www.blueb.co.kr/SRC/flash/image/thum_03.jpg'"
onmouseout="document.menu1.src='http://www.blueb.co.kr/SRC/flash/image/thum_04.jpg'">
<img src="http://www.blueb.co.kr/SRC/flash/image/thum_04.jpg" name="menu1" border="0"></a>
어찌보면 같지만 name 없이 쓸수 있습니다.
this.src 로 이미지 경로를 지정 할 수 있습니다.
<a href="#">
<img src="http://www.blueb.co.kr/SRC/flash/image/thum_04.jpg" border="0" onmouseover="this.src='http://www.blueb.co.kr/SRC/flash/image/thum_03.jpg'" onmouseout = "this.src='http://www.blueb.co.kr/SRC/flash/image/thum_04.jpg'" >
</a>
[출처] [자바스크립트 기초]이미지 오버롤 기능|작성자 개발자
https://blog.naver.com/pusankjs/40134463325
|
