링크된 곳에 대한 설명을 폼태그 안에서 보여주는 스크립트입니다.
| Script Example |
<html>
<head><title>Demo33</title>
<script language="JavaScript">
<!--
rcrd = new Array(3);
rcrd[1] = "메뉴1을 선택하셨습니다.";
rcrd[2] = "메뉴2를 선택하셨습니다.";
rcrd[3] = "메뉴3를 선택하셨습니다.";
rcrd[4] = "마우스를 오프 시켰을때의 멧세지입니다.";
function displayMsg(i)
{
document.forms[0].display.value=rcrd[i];
}
//-->
</script>
</head>
<body>
<center>
<a href="메뉴1.html" onmouseover="displayMsg(1)" onmouseout="displayMsg(4)">메뉴1</a>
<a href="메뉴2.html" onmouseover="displayMsg(2)" onmouseout="displayMsg(4)">메뉴2</a>
<a href="메뉴3.html" onmouseover="displayMsg(3)" onmouseout="displayMsg(4)">메뉴3</a>
<P>
<form method="get">
<input type="text" name="display" size="50">
</form>
</center>
</body>
</html> | | |
| 설명 |
| 파란색으로 된 부분에서 각각의 링크에 대한 설명과 마우스 오프되었을때의 설명을 적으시면 됩니다. body 태그안에 메뉴가 링크될때 마우스 온/오프 이벤트 처리 함수가 디스플레이 멧세지라는 함수를 다루고 있습니다. 메뉴에 대한 설명을 추가하려면 맨 위에 rcrd = new Array(3); 에서 원하는 설명 갯수를 지정한수 추가하시면 됩니다. | | | | |
