마우스를 대면 링크 이미지들을 미리 보여줍니다

· 2004-11-12 (금) 11:14:02 · 2177 · 1
<HTML>
<HEAD>
<TITLE> 그누소스</TITLE>

<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><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

첨부파일

321.html (1.3 KB) 122회 2005-06-13 14:56
|

댓글 1개

2011-06-18 (토) 10:26:44
^^
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
04-11-28 조회 2,692
04-11-24 조회 2,333
04-11-24 조회 2,163
04-11-23 조회 2,176
04-11-23 조회 2,329
04-11-23 조회 1,934
04-11-23 조회 1,929
04-11-23 조회 2,126
04-11-23 조회 2,368
04-11-17 조회 4,601
04-11-17 조회 2,711
04-11-17 조회 2,113
04-11-12 조회 2,178
04-11-12 조회 2,127
04-11-12 조회 2,416
04-11-12 조회 2,571
04-11-12 조회 1,784
04-11-12 조회 4,106
04-11-12 조회 3,875
04-11-10 조회 2,981
04-11-10 조회 2,892
04-10-12 조회 5,262
04-09-16 조회 4,037
04-08-24 조회 4,432
04-08-23 조회 3,450