프리카운터넷

프로그래밍&개발

기존 공부방

3단 롤오버 이미지입니다. 마우스 올라 왔을 때 눌렀을 때 나갔을 때 이미지가 각각다릅니다.

아래 그림에서 마우스를 눌렀다 놓았다 해보세요


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