마우스 오버시 그림 변하게 하는 자바스크립트 입니다
<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년 전 | 4041 | |
| 29 |
아우겐나이스
|
21년 전 | 4431 | |
| 28 |
아우겐나이스
|
21년 전 | 3454 | |
| 27 | 21년 전 | 5820 | ||
| 26 | 21년 전 | 3090 | ||
| 25 | 21년 전 | 6070 | ||
| 24 | 18년 전 | 3642 | ||
| 23 | 21년 전 | 3629 | ||
| 22 | 21년 전 | 4238 | ||
| 21 | 21년 전 | 3812 | ||
| 20 | 21년 전 | 4212 | ||
| 19 | 21년 전 | 6672 | ||
| 18 | 21년 전 | 4730 | ||
| 17 | 21년 전 | 6979 | ||
| 16 | 21년 전 | 4164 | ||
| 15 | 21년 전 | 2621 | ||
| 14 | 21년 전 | 4962 | ||
| 13 | 21년 전 | 3394 | ||
| 12 |
Recluse
|
21년 전 | 3868 | |
| 11 |
아우겐나이스
|
21년 전 | 3561 | |
| 10 |
Recluse
|
21년 전 | 3388 | |
| 9 | 21년 전 | 3971 | ||
| 8 | 21년 전 | 5155 | ||
| 7 | 21년 전 | 4753 | ||
| 6 | 21년 전 | 5669 | ||
| 5 | 21년 전 | 4106 | ||
| 4 | 21년 전 | 4826 | ||
| 3 | 21년 전 | 4733 | ||
| 2 | 21년 전 | 3232 | ||
| 1 | 22년 전 | 4333 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기