마우스 올려놓을때 빨간색, 마우스가 글자에서 벗어날때 검은색으로 바뀝니다.
<html>
<head>
<title></title>
</head>
<Script language="javascript">
<!--
function play(txt)
{
switch(txt)
{
case 1:
id1.innerHTML="<font color=#ff2222>가나다라</font>";
break;
case 2:
id2.innerHTML="<font color=#ff2222>가나다라</font>";
break;
case 3:
id3.innerHTML="<font color=#ff2222>가나다라</font>";
break;
}
}
exam.html<html>
<head>
<title></title>
</head>
<Script language="javascript">
<!--
function play(txt)
{
switch(txt)
{
case 1:
id1.innerHTML="<font color=#ff2222>가나다라</font>";
break;
case 2:
id2.innerHTML="<font color=#ff2222>가나다라</font>";
break;
case 3:
id3.innerHTML="<font color=#ff2222>가나다라</font>";
break;
}
}
function play2(txt)
{
switch(txt)
{
case 1:
id1.innerHTML="<font color=#000000>가나다라</font>";
break;
case 2:
id2.innerHTML="<font color=#000000>가나다라</font>";
break;
case 3:
id3.innerHTML="<font color=#000000>가나다라</font>";
break;
}
}
</script>
<body>
<div id="id1" onMouseOver="play(1)" onMouseOut="play2(1)"> 레이어1 </div><br>
<div id="id2" onMouseOver="play(2)" onMouseOut="play2(2)">레이어2 </div><br>
<div id="id3" onMouseOver="play(3)" onMouseOut="play2(3)">레이어3 </div><br>
</body>
</html>
반응형
'웹프로그래밍 > javascript' 카테고리의 다른 글
| javascript - ASCII코드 알아보기 (0) | 2011.03.29 |
|---|---|
| javascript - 연습용예제 숫자만 입력하게 하기 (0) | 2011.03.29 |
| javascript - 메뉴얼 (0) | 2011.03.25 |
| 레이어의 스타일 속성 사용법 (0) | 2011.03.03 |
| 스타일 제어 (0) | 2011.03.03 |