<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1 {width:200px; height:100px; background:#CCC;border:1px solid #999;
display:none;}
</style>
<script>
function toGreen(){
document.getElementById("div1").style.width='300px';
document.getElementById("div1").style.height='300px';
document.getElementById('div1').style.background='green';
}
function toRed(){
document.getElementById("div1").style.width='200px';
document.getElementById("div1").style.height='200px';
document.getElementById('div1').style.background='red';
}
</script>
</head>
<body>
<div id="div1" type="checkbox" οnmοuseοver="toGreen()"
οnmοuseοut="toRed()"
/>
</body>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1 {width:200px; height:100px; background:#CCC;border:1px solid #999;
display:none;}
</style>
<script>
function toGreen(){
document.getElementById("div1").style.width='300px';
document.getElementById("div1").style.height='300px';
document.getElementById('div1').style.background='green';
}
function toRed(){
document.getElementById("div1").style.width='200px';
document.getElementById("div1").style.height='200px';
document.getElementById('div1').style.background='red';
}
</script>
</head>
<body>
<div id="div1" type="checkbox" οnmοuseοver="toGreen()"
οnmοuseοut="toRed()"
/>
</body>
</body>
</html>