본문 바로가기

javascript

메뉴에 마우스를 대면 배경색상이 바뀝니다

<HTML>
<HEAD>
<TITLE> Script </TITLE>

<!------1. 아래의 코드를 HEAD 부분에 복사해 넣으세요 ------------------------------>

<script>

function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color
}
</script>

</HEAD>

<BODY>

<!------2. 아래의 방식으로 BODY 부분에 스크립트나 태그를 붙여 넣으세요 ------------------->

<!-------
onMouseover=highlight(this,'yellow') 부분에서 하이라이크 색상(색상명, 혹은 코드)만 수정 해 주면 됩니다
--------->

<p>

<a href="링크주소" onMouseover=highlight(this,'yellow') onMouseout="highlight(this,document.bgColor)">홈 페이지로 가기</a><br>

<a href="링크주소" onMouseover=highlight(this,'red') onMouseout="highlight(this,document.bgColor)">내가 자주 가는곳 입니다</a><br>

<a href="링크주소" onMouseover=highlight(this,'lightblue') onMouseout="highlight(this,document.bgColor)">방명록 좀 써 주세요</a><br>


</BODY>
</HTML>