카

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

<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개

댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

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

+
제목 글쓴이 날짜 조회
06-06-29 조회 5,022
06-06-19 조회 5,396
06-06-02 조회 2,408
06-05-24 조회 3,910
06-05-14 조회 6,710
06-05-08 조회 2,858
06-02-02 조회 4,458
05-12-16 조회 3,421
05-12-05 조회 4,102
05-06-28 조회 3,161
05-04-11 조회 3,138
05-04-11 조회 3,336
05-04-11 조회 2,390
05-03-13 조회 2,316
05-03-12 조회 3,407
04-12-08 조회 6,842
04-12-01 조회 4,275
04-11-28 조회 2,420
04-11-28 조회 2,299
04-08-05 조회 4,727
04-08-05 조회 4,088
04-08-05 조회 4,728