마우스 올라 오거나 클릭하면 색이 바뀌는 버튼

<input type="button" value="^_^" onmouseout="change2(this)" onmouseover="change1(this)" style="background-color:white;"><br>
마우스 올라오면 바뀌는 버튼<br><br>

<input type="button" value="^_^" onmouseout="change2(this)" onclick="change1(this)" style="background-color:white;"><br>
클릭하면 바뀌는 버튼<br><br>

<input type="button" value="^_^" onmouseup="change2(this)" onmousedown="change1(this)" style="background-color:white;"><br>
누를 때만 바뀌는 버튼<br><br>

<script language="JavaScript">
<!--
	function change1(obj){
		obj.style.background = 'red';
		obj.style.color = 'white';
	}
	
	function change2(obj){
		obj.style.background = 'white';
		obj.style.color = 'black';
	}
//-->
</script>