<!DOCTYPE HTML >
<html>
 <head>
  <title> New Document </title>
  <meta charset="UTF-8" >
  <script>
	function click1(){  //배경 파랗게
		document.body.bgColor="blue";
	}
	function click2(){  //배경 하얗게
		document.body.bgColor="white";
	}
  </script>
  <script>		
		window.onload=function(){ //윈도우 로딩끝나면 실행해.
			prompt("hi");
			button3=document.getElementById("button3");
			button3.onclick=function(){ //클릭할 때 리스너
				document.body.bgColor="yellow";
				
			}
			button3.onmouseover=function(){ //마우스가 올라갈 때
				document.body.bgColor="green";
			}
			button3.onmouseout=function(){ //올라간것이 빠질 때
				document.body.bgColor="orange";
			}	
			
		}
	</script>
 </head>

 <body BGcolor="gray">
	<input type="button" value="버튼1" id="button1" 
		onclick="click1()">
	<button onclick="click2()">버튼2</button>
	<input type="button" value="버튼3" id="button3">
	<input type="button" value="버튼4" id="button4">
	ctrl+b 로 실행 / ctrl+shift+b 로 실행 <br/>
	도구메뉴/기본설정/도구에 브라우저1과 브라우저2로 셋팅 <br/>

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