테스트 사이트 - 개발 중인 베타 버전입니다

마우스 오버시 그림 변하게 하는 자바스크립트 입니다

· 9년 전 · 266

<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>
//ddini@naver.com
 
//본문에 마우스가 올려지면 함수실행
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> 

댓글 작성

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

로그인하기

게시글 목록

번호 제목
12281
20386
12280
12279
12278
12277
12276
12275
12274
12273
12272
12260
360
12258
12257
12256
12255
12253
12252
12251
12250
12249
12248
12247
12246