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

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

· 9년 전 · 267

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
12386
12385
12384
12380
12379
12378
12377
12376
12375
12374
12373
12372
12371
12369
368
12368
12367
12366
12365
12363
12362
12361
12360
12359
12358