1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <style type="text/css">
7 #div1{
8 width: 200px;
9 height: 50px;
10 background-color: orange;
11 }
12 </style>
13 <script type="text/javascript">
14 function toGreen(){
15 document.getElementById('div1').style.background='green';
16 }
17 function toOrange(){
18 document.getElementById('div1').style.background='orange';
19 }
20 </script>
21 </head>
22 <body>
23 <div id="div1" onmouseover="toGreen()" onmouseout="toOrange()"></div>
24 </body>
25 </html>
