<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style>
	#imgBig{ width:300px; height:300px; 
			   border:2px solid blue;
	}
  </style>
  <script type="text/javascript">
	  var img0;  //전역 변수 선언
	  var img1;
	  var img2;
	  var imgBig;
	  var no=0 ; 
	window.onload=function(){
		img0=document.getElementById("img0")  //전역 변수 초기화
		img1=document.getElementById("img1")
		img2=document.getElementById("img2")
		imgBig=document.getElementById("imgBig") 
		
		img0.onmouseover=function(){
			imgBig.src=img0.src;
		}
		img1.onmouseover=function(){
			imgBig.src=img1.src;
		}
		img2change=function(){ //함수에 이름을 붙여줌  
			imgBig.src=img2.src;
		}
		img2.onmouseover=img2change;

		setTimeout(function(){
				imgBig.src= img0.src;
			}	, 1000); //1초 뒤에 after를 실행해라. 

	}

	aft=function(){
		imgBig.src= img0.src;
	}

	d = function dialog(){
		alert("안녕");
	}
  </script>
 </head>

 <body>
	<img id="img0" src="http://www.w3schools.com/images/compatible_ie.gif">
	<img id="img1" src="http://www.w3schools.com/images/compatible_firefox.gif">
	<img id="img2" src="http://www.w3schools.com/images/compatible_opera.gif">
	<br />
  <img id="imgBig" src="" /> 

 </body>
</html>




'JavaScript' 카테고리의 다른 글

버튼클릭시 순서대로 숫자 호출  (0) 2012.06.12
버튼 클릭시 이미지 생성  (0) 2012.06.12
이미지 노드를 만들어서 화면아래에 추가  (0) 2012.06.12
배경 색 바꾸기  (0) 2012.06.12
이미지 바꾸기  (0) 2012.05.24

+ Recent posts