마우스 오버시 그림 변하게 하는 스크립트 소스

· 2007-10-22 (월) 16:55:26 · 3574 · 1
<body>
<center>
<img name=i0 width=640 height=480 alt="이미지 넣을 자리">
<br>
     <!-- 썸네일의 주소를 src에, 큰이미지의 주소를 alt에 적는다 -->
<img name=t0 src=http://kr.img.blog.yahoo.com/ybi/1/8c/75/kiseke/folder/34317/img_34317_1238979_0_thumb?1116665887 alt=http://kr.img.blog.yahoo.com/ybi/1/8c/75/kiseke/folder/34317/img_34317_1238979_0?1116665887.>
<img name=t1 src=http://kr.img.blog.yahoo.com/ybi/1/8c/75/kiseke/folder/34317/img_34317_1238979_1_thumb?1116665887 alt=http://kr.img.blog.yahoo.com/ybi/1/8c/75/kiseke/folder/34317/img_34317_1238979_1?1116665887.>
<img name=t2 src=http://kr.img.blog.yahoo.com/ybi/1/8c/75/kiseke/folder/3338842/img_3338842_1238974_0_thumb?1115988709 alt=http://kr.img.blog.yahoo.com/ybi/1/8c/75/kiseke/folder/3338842/img_3338842_1238974_0?1115988709.>

<script>
//[email protected]

//본문에 마우스가 올려지면 함수실행
document.body.onmouseover=function(){
 e=event.srcElement; //롤오버가 생기는 이벤트 객체
 if(e.tagName=='IMG'&&e.name.charAt(0)=='t'){ //이벤트객체의 태그명이 img 이고, 이름이 t로 시작하면
  document.images.i0.src=e.alt; //뷰어의 이미지 지정
 }
}
</script>

[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|

댓글 1개

아... 감사합니다. 이렇게 이루어지는군요. 뜻밖에 소중한것 얻었습니다.
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 07-11-16 조회 5,561
Flash 07-11-13 조회 4,575
정규표현식 07-11-10 조회 6,590
JavaScript 07-11-08 조회 5,649
기타 07-11-07 조회 4,382
기타 07-11-06 조회 3,762
JavaScript 07-11-06 조회 4,549
기타 07-11-05 조회 5,172
MySQL 07-11-02 조회 4,716
기타 07-11-01 조회 5,678
기타 07-10-30 조회 3,829
JavaScript 07-10-26 조회 5,378
기타 07-10-25 조회 3,726
JavaScript 07-10-24 조회 4,240
MySQL 07-10-24 조회 4,493
MySQL 07-10-24 조회 3,672
MySQL 07-10-24 조회 3,660
기타 07-10-22 조회 4,176
JavaScript 07-10-22 조회 3,575
기타 07-10-22 조회 4,219
PHP 07-10-22 조회 3,819
JavaScript 07-10-19 조회 4,731
기타 07-10-19 조회 3,147
Flash 07-10-19 조회 5,123
기타 07-10-17 조회 4,363
Flash 07-10-17 조회 6,963
기타 07-10-16 조회 5,290
기타 07-10-15 조회 6,575
MySQL 07-10-13 조회 6,752
JavaScript 07-10-09 조회 4,794