스

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

<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,569
Flash 07-11-13 조회 4,582
정규표현식 07-11-10 조회 6,598
JavaScript 07-11-08 조회 5,659
기타 07-11-07 조회 4,394
기타 07-11-06 조회 3,772
JavaScript 07-11-06 조회 4,561
기타 07-11-05 조회 5,181
MySQL 07-11-02 조회 4,727
기타 07-11-01 조회 5,689
기타 07-10-30 조회 3,840
JavaScript 07-10-26 조회 5,394
기타 07-10-25 조회 3,744
JavaScript 07-10-24 조회 4,249
MySQL 07-10-24 조회 4,505
MySQL 07-10-24 조회 3,681
MySQL 07-10-24 조회 3,671
기타 07-10-22 조회 4,185
JavaScript 07-10-22 조회 3,589
기타 07-10-22 조회 4,230
PHP 07-10-22 조회 3,828
JavaScript 07-10-19 조회 4,743
기타 07-10-19 조회 3,158
Flash 07-10-19 조회 5,139
기타 07-10-17 조회 4,375
Flash 07-10-17 조회 6,974
기타 07-10-16 조회 5,301
기타 07-10-15 조회 6,588
MySQL 07-10-13 조회 6,761
JavaScript 07-10-09 조회 4,810