(001)改变Div大小和颜色 

 1 <html>
 2     <head>
 3         <style type="text/css">
 4             .divStyle1 {
 5                 background: #abc;
 6                 width: 50px;
 7                 height: 50px;
 8             }
 9             .divStyle2 {
10                 background: #0000ff;
11                 width: 300px;
12                 height: 300px;
13             }
14         </style>
15         <script type="text/javascript">
16             window.onload = function() {
17                 var myDivNode = document.getElementById("myDiv");
18                 myDivNode.onmouseover = mouseover;
19                 myDivNode.onmouseout = mouseout;
20             }
21 
22             function mouseover() {
23                 var myDivNode = document.getElementById("myDiv");
24                 myDivNode.className = "divStyle2";
25             }
26             
27             function mouseout() {
28                 var myDivNode = document.getElementById("myDiv");
29                 myDivNode.className = "divStyle1";
30             }
31         </script>
32     </head>
33 
34     <body>
35         <!--
36         <div id="myDiv" class="divStyle1" onmouseover="mouseover()" onmouseout="mouseout()">
37         </div>
38         -->
39         <div id="myDiv" class="divStyle1">
40         </div>
41     </body>
42 </html>

 

posted @ 2013-11-25 22:03  雪中飞雁  阅读(552)  评论(0)    收藏  举报