chikoski · April 22, 2013 11:39
diff --git a/mousein_mouseout.css b/mousein_mouseout.css
 body{
  background-color: white;
 }

 .mouseover{
  background-color: rgb(255, 255, 0);
 }
diff --git a/mousein_mouseout.html b/mousein_mouseout.html
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset=utf-8 />
 <title>マウスを重ねるときに背景色を変えるデモ</title>
 </head>
 <body>
  <div id="mouseover">マウスを重ねてみて!</div>
 </body>
 </html>
diff --git a/mousein_mouseout.js b/mousein_mouseout.js
 var mouseOver = function(event){
  var elm = document.getElementById("mouseover");
  elm.setAttribute("class", "mouseover");
 };

 var mouseOut = function(event){
  var elm = document.getElementById("mouseover");
  elm.setAttribute("class", "");
 };

 var target = document.getElementById("mouseover");
 target.onmouseover = mouseOver;
 target.onmouseout = mouseOut;
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>マウスを重ねるときに背景色を変えるデモ</title>
	</head>
	<body>
	<div id="mouseover">マウスを重ねてみて!</div>
	</body>
	</html>
	var mouseOver = function(event){
	var elm = document.getElementById("mouseover");
	elm.setAttribute("class", "mouseover");
	};

	var mouseOut = function(event){
	var elm = document.getElementById("mouseover");
	elm.setAttribute("class", "");
	};

	var target = document.getElementById("mouseover");
	target.onmouseover = mouseOver;
	target.onmouseout = mouseOut;