프리카운터넷

프로그래밍&개발

기존 공부방

소스를 더욱더 줄인 이미지 롤오버입니다. 보통 이미지에 이름을 주고 그 이름으로 접근하는데

아래 예제는 이미지에 이름을 주지 않고 this로 바로 접근합니다. 보다 발전된 접근 방법입니다.

아래 그림에 마우스를 올려 보세요


	[소스] <script language="JavaScript"> <!-- //이미지 객체를 미리 생성하여 이미지를 불러온다 var img1 = new Image() img1.src = '002_1.jpg' var img2 = new Image() img2.src = '002_8.jpg' //--></script> <p align="center">아래 그림에 마우스를 올려 보세요<br> <img src="002_1.jpg" onmouseover="this.src=img2.src" onmouseout="this.src=img1.src"></p>