마우스를 대면 링크 이미지들을 보여주기 입니다.
<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>