Rollover Image

hello.gif 위에 마우스 포인터가 올라가면 hello_on.gif를 보여주고, 내려가면 hello.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>