JS鼠标效果

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Documenttitle>
 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>

 

你可能感兴趣的:(JS鼠标效果)