<HTML>
<HEAD>
<TITLE> JASKO 샘플 페이지 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="JASKO">
<META NAME="Keywords" CONTENT="JavaScript, 자바스크립트">
<!-- 1. 메모장 등으로 아래의 내용을 HTML 문서의 HEAD 부분에 붙여 넣으세요 -->
<STYLE>
/* 기본 스타일 */
.Item {
cursor: hand;
font-family: verdana;
font-size: 20;
font-style: normal;
background-color: white;
color: black }
/* 마우스를 대었을때 */
.Highlight {
cursor: hand;
font-family: verdana;
font-size: 20;
font-style: italic;
background-color: orange;
color: white }
</STYLE>
</HEAD>
<BODY>
<!------ 아래의 방법으로 메뉴를 작성 합니다 ------------>
<div id=Rollover>
<TABLE border="0">
<TR>
<TD width="490">
<SCRIPT language="JavaScript">
function rollon() {
if (window.event.srcElement.className == "Item") {
window.event.srcElement.className = "Highlight";
}
}
Rollover.onmouseover = rollon;
function rolloff() {
if (window.event.srcElement.className == "Highlight") {
window.event.srcElement.className = "Item";
}
}
Rollover.onmouseout = rolloff;
</SCRIPT>
<P align="center"><span class="Item">우유</span> <span class="Item">까까</span> <span class="Item">달걀</span> <span class="Item">햄버그</span> <span class="Item">치즈</span> <span class="Item">파스타</span> <span class="Item">통닭</span> </P>
<P align="center">
</TD>
</TR></TABLE></DIV>
</body>
</HTML>