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>
Page last modified on April 02, 2010, at 02:43 AM

Powered by PmWiki

About me

신현석 안녕하세요, 신현석입니다. 웹표준, 웹접근성에 관심이 많습니다. 궁금하신 점은 언제든지 메일 주세요.