보통은 이미지 위에 마우스를 올려야 이미지의 변화가 있는 반면 이 것은 링크 된 곳에 마우스를 올리면 이미지가 변합니다.
<head>
<link rel="stylesheet" href="style.css">
<meta name="generator" content="Namo WebEditor v5.0">
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeon(n){
document.images["blank"+n].src='http://lia.pe.kr/java Tip/imge/star1.jpg';
}
function changeoff(n){
document.images["blank"+n].src='http://lia.pe.kr/java Tip/imge/star2.jpg';
}
//-->
</SCRIPT>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<div align="center"><img src="http://lia.pe.kr/java Tip/imge/star4.jpg" name="blank0" border="0"><a href="#" onmouseover="changeon(0);" onmouseout="changeoff(0);">세실</a>
<img src="http://lia.pe.kr/java Tip/imge/star5.jpg" name="blank2" border="0">
<a href="#" onmouseover="changeon(2);" onmouseout="changeoff(2);">이슬</a> <img src="http://lia.pe.kr/java Tip/imge/star6.jpg" name="blank3" border="0"><a href="#" onmouseover="changeon(3);" onmouseout="changeoff(3);">초아</a>
</div>
<table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center">
<p><br></p>
</div>