웹마스터 팁

예제: http://yoonmi.net/study/study46.htm



○ pic0.src = "img1.gif";     // 기본 그림
○ pic1.src = "img2.gif";     // 문구에 마우스 오버시 나타날 두 번째 그림

좀더 링크 시킬 문구와 변할 그림을 늘리고 싶다면, 숫자만 하나씩 올려서 추가해주면 되겠죠.
예를 들어.
....
pic1 = new Image();
pic1.src = "img2.gif";
pic2 = new Image();
pic2.src = "img3.gif";
.....
이런식으로요.
물론, 밑에 바디 부분도 추가해 주는 것은 당연합니다. img1.gif 부분은 처음 나올 그림 주소쓰구요.
링크할 주소, 링크시킬 문구 도 적절히 변혀 시켜주세요.

만약 위에 처럼 이미지 변경을 하나더 추가했다면

<td valign="center">
      <a href="링크할 주소" onmouseover="document.images.text.src=pic2.src" onmouseout="document.images.text.src=pic0.src" target="_top">링크시킬 문구 2, 3, ....</a>
   </td>

요걸 반복해 주면 됩니다.










<head> 와 </head> 사이에 입력하세요.

/////////////////////////////


<script language="JavaScript">
<!--
pic0 = new Image();
pic0.src = "img1.gif";
pic1 = new Image();
pic1.src = "img2.gif";
// -->
</script>


///////////////////////////////////

<body> 와 </body>사이에 추가해주세요.

///////////////////////////////////

<table>
<tr>
   <td id="textbox" align="center" >
      <img src="img1.gif"  name="text" border="0"></td>
   <td valign="center">
      <a href="링크할 주소" onmouseover="document.images.text.src=pic1.src" onmouseout="document.images.text.src=pic0.src" target="_top">링크시킬 문구</a>
   </td>

</tr>
</table>

//////////////////////////////////
제목 글쓴이 날짜
원하는시간에 팝업창을 띄우고 원하는 시간에 닫어뻐리는;; [2] 키르(絶對) 2002.06.13
부드럽게 스크롤바를 따라다니는..+_+ [6] 키르(絶對) 2002.06.13
플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] ▩윤미 2002.06.09
자바스크립트 이해하기...3 [1] file Eccen 2002.06.05
서서히 이미지를 변경시켜주는 환상적인 룰오버효과 [7] ▩윤미 2002.05.31
마우스에 축구공 따라다니는 자바 스크립트.. [6] file MR.HMH 2002.05.30
어설픈 링크방지[정확한 경로로 오세요] [5] 이성영 2002.05.30
자바스크립트 이해하기...2 [1] file Eccen 2002.05.30
자바스크립트 이해하기...1 [13] file Eccen 2002.05.26
폼안의 텍스트 입력시 실시간 카운팅 ? [8] 카멜롯™ 2002.05.20
링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] ▩윤미 2002.05.19
글자가 커졌다가 작아졌다가.. [1] Anice 2002.05.17
텍스트박스안에서 춤추는글자 [1] Anice 2002.05.16
자바로 만든 퍼즐 겜^^; [8] ☆봄비ㆀ 2002.05.11
타이틀바 도, 움직인다! 캬하! (상태바 아님) [10] ▩윤미 2002.05.06
웹브라우저, 언어, 운영체제 보여주기.. [3] 이동기 2002.04.29
이미지 오버랩 (속도 조절 가능, 이미지 갯수 제한 없음) [8] 조해성 2002.04.25
자바스크립트 실행시점 Jacylee 2002.04.11
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] 카멜롯™ 2002.04.04
조그만한창 열기. ^.^ [5] 아이쿠 2002.04.02