마우스 오버시 그림 변하게 하는 자바스크립트 입니다
<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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 30 |
아우겐나이스
|
21년 전 | 4032 | |
| 29 |
아우겐나이스
|
21년 전 | 4430 | |
| 28 |
아우겐나이스
|
21년 전 | 3449 | |
| 27 | 21년 전 | 5814 | ||
| 26 | 21년 전 | 3084 | ||
| 25 | 21년 전 | 6063 | ||
| 24 | 18년 전 | 3635 | ||
| 23 | 21년 전 | 3626 | ||
| 22 | 21년 전 | 4235 | ||
| 21 | 21년 전 | 3811 | ||
| 20 | 21년 전 | 4209 | ||
| 19 | 21년 전 | 6668 | ||
| 18 | 21년 전 | 4726 | ||
| 17 | 21년 전 | 6968 | ||
| 16 | 21년 전 | 4160 | ||
| 15 | 21년 전 | 2612 | ||
| 14 | 21년 전 | 4959 | ||
| 13 | 21년 전 | 3389 | ||
| 12 |
Recluse
|
21년 전 | 3863 | |
| 11 |
아우겐나이스
|
21년 전 | 3558 | |
| 10 |
Recluse
|
21년 전 | 3385 | |
| 9 | 21년 전 | 3964 | ||
| 8 | 21년 전 | 5152 | ||
| 7 | 21년 전 | 4749 | ||
| 6 | 21년 전 | 5659 | ||
| 5 | 21년 전 | 4102 | ||
| 4 | 21년 전 | 4821 | ||
| 3 | 21년 전 | 4733 | ||
| 2 | 21년 전 | 3231 | ||
| 1 | 22년 전 | 4331 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기