스

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

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

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

팁게시판

6,077건

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

+
제목 글쓴이 날짜 조회
07-10-26 조회 3,869
07-10-25 조회 3,946
07-10-25 조회 2,666
07-10-24 조회 2,732
07-10-24 조회 3,073
07-10-24 조회 2,921
07-10-24 조회 2,109
07-10-24 조회 2,320
07-10-23 조회 4,942
07-10-23 조회 4,285
07-10-22 조회 2,904
07-10-22 조회 2,469
07-10-22 조회 2,962
07-10-22 조회 2,437
07-10-19 조회 3,609
07-10-19 조회 2,275
07-10-19 조회 2,058
07-10-19 조회 1,918
07-10-19 조회 1,734
07-10-19 조회 3,330
07-10-19 조회 4,653
07-10-19 조회 4,932
07-10-19 조회 2,220
07-10-19 조회 3,685
07-10-17 조회 3,405