마스터포유(Master4U)
Monday, 17 of January
 

로그인
☞자바스크립트를 사용하여 이미지 마우스 오버롤 효과 내기
관리자  2020-03-18 13:30:13 Hit:62
링크 #1: https://blog.naver.com/pusankjs/40134463325

자바스크립트를 사용하여 이미지 마우스 오버롤 효과 내기

[자바스크립트 기초]이미지 오버롤 기능
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
본문인쇄본문메일발송
[드림위버] 쇼핑몰 상단/하단 메뉴 만들기
이쁜 표 쉽게 만드는 방법 (Tables Generator)
Copyright 1999-2020 Zeroboard / skin by ChanBi