002-添加clss.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
*{ font-size:12px;}
div{ width:80px; height:50px; background:#990; border:1px solid #ccc;}
.box{ background:#F00; width:200px;}
</style>
<script>
window.onload = function (){
	var oDiv1 = document.getElementById("div1");
	oDiv1.onmouseover = function (){
		oDiv1.className = "box";
	};
	oDiv1.onmouseout = function (){
		oDiv1.className = "";
	};	
}
</script>
</head>
<body>
<div id="div1">请不要在网吧登录</div>
</body>
</html>