<HTML>
<HEAD>

<STYLE>
body,td {font-size:14px; color:white; font-weight:bold}
</STYLE>

<!----- 1. 아래의 스크립트를 HEAD 부분에 붙여 넣으세요 -------->

<SCRIPT LANGUAGE="JavaScript">
<!--

// 사용할 이미지들을 설정 합니다

var img1 = new Image();
img1.src = "http://sir.co.kr/image/v9_gbtitle.gif";

var img2 = new Image();
img2.src = "http://sir.co.kr/image/logo.gif";

var img3 = new Image();
img3.src = "http://sir.co.kr/image/menu05.gif";

function doButtons(picimage) {
eval("document['picture'].src = " + picimage + ".src");
}
// -->
</script>

<!------------------ 여기까지 --------------->

</HEAD>

<BODY>

<center>

<!----- 2. 원하는 위치에 아래와 같이 코드를 붙여 넣으세요 ------->

<table border=0 align=cetner bgColor=teal width=450 height=300>
<tr>
<td bgColor=#FFCC00>

      <li><a href = "http://sir.co.kr" onmouseover = "doButtons('img2')">첫번째 이미지<Br><Br>
         <li><a href = "http://esindi.com" onmouseover = "doButtons('img2')">두번째 이미지<Br><Br>
         <li><a href = "http://kr.yahoo.com" onmouseover = "doButtons('img3')">세번째 이미지<Br><Br>
 
<td width=300 bgColor=white align=center>
<img name=picture src="http://sir.co.kr/image/menu01.gif"></td>

</tr>
</table>
</center>

<!------------------ 여기까지 -------------->

</BODY>
</HTML>