본문 바로가기

javascript

다이나믹 HOVER 색상

<!--1. 아래 스크립트를 HEAD 부분에 복사해 넣으세요. 없으면 그냥 두세요-->

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Alan Branch (webman58@aol.com) -->
<!-- Web Site:  http://www.technom.com -->


<!-- Begin
function doColor(item, color, bg) { // hover 시
item.style.color = color; // 텍스트 색상 변경
item.style.backgroundColor = bg; // 배경색상 변경
}

function undoColor(item) {
item.style.color = "#000000"; // 다시 검정으로 변경
item.style.backgroundColor = ""; // 백그라운드를 디폴드 값으로
}
//  End -->
</script>
</HEAD>

<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY BGCOLOR="#FFFFFF">

<!--3. BODY 부분에 아래의 스크립트를 복사해 넣으세요-->

<CENTER><a name="link1" href="http://www.bizs.wo.ro/" onmouseover="doColor(link1, 'yellow','black');" onmouseout="undoColor(link1);">www.bizs.wo.ro</a>
<p>
<a name="link2" href="http://www.bizs.wo.ro/" onmouseover="doColor(link2, 'blue','red');" onmouseout="undoColor(link2);">www.bizs.wo.ro</a>
</CENTER>