Archive / Javascript / RolloverImage

image.gif의 위에 mouse pointer가 over되면 image_on.gif를 보여주고, out되면 image.gif가 보인다.

function menuOn(imgEl) {
	imgEl.src = imgEl.src.replace(".gif", "_on.gif");
}

function menuOut(imgEl) {
	imgEl.src = imgEl.src.replace("_on.gif", ".gif");
}

<p><img src="hello.gif" onmouseover="menuOn(this);" onmouseout="menuOut(this);" alt="안녕하세요."></p>