마우스 오버시 그림 변하게 하는 자바스크립트 입니다
<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년 전 | 4050 | |
| 29 |
아우겐나이스
|
21년 전 | 4437 | |
| 28 |
아우겐나이스
|
21년 전 | 3466 | |
| 27 | 21년 전 | 5835 | ||
| 26 | 21년 전 | 3113 | ||
| 25 | 21년 전 | 6085 | ||
| 24 | 18년 전 | 3649 | ||
| 23 | 21년 전 | 3640 | ||
| 22 | 21년 전 | 4247 | ||
| 21 | 21년 전 | 3818 | ||
| 20 | 21년 전 | 4225 | ||
| 19 | 21년 전 | 6678 | ||
| 18 | 21년 전 | 4733 | ||
| 17 | 21년 전 | 6990 | ||
| 16 | 21년 전 | 4170 | ||
| 15 | 21년 전 | 2635 | ||
| 14 | 21년 전 | 4977 | ||
| 13 | 21년 전 | 3400 | ||
| 12 |
Recluse
|
21년 전 | 3881 | |
| 11 |
아우겐나이스
|
21년 전 | 3568 | |
| 10 |
Recluse
|
21년 전 | 3392 | |
| 9 | 21년 전 | 3994 | ||
| 8 | 21년 전 | 5173 | ||
| 7 | 21년 전 | 4762 | ||
| 6 | 21년 전 | 5686 | ||
| 5 | 21년 전 | 4115 | ||
| 4 | 21년 전 | 4842 | ||
| 3 | 21년 전 | 4740 | ||
| 2 | 21년 전 | 3244 | ||
| 1 | 22년 전 | 4342 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기