1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html>
3 <head>
4 <title>新建网页</title>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6 <meta name="description" content=""/>
7 <meta name="keywords" content=""/>
8
9 <script type="text/javascript">
10 window.onload=function(){
11 var lis = document.getElementsByTagName('li');
12 for(var i=0; i<lis.length; i++){
13 /* lis[i].onmouseover = function(){
14 lis[i].style.backgroundColor = "lightblue"; //这里面i是四
15 }*/
16
17 //over()获得闭包函数，工调用了4次，这样系统要生成4个函数
18 //函数内部的n分别为：0，1，2，3
19 lis[i].onmouseover = over(i);
20 lis[i].onmouseout = out(i);
21 }
22 function over(n){
23 function fs(){
24 lis[n].style.backgroundColor = "lightblue";
25 }
26 return fs;
27 }
28 function out(n){
29 function fs(){
30 lis[n].style.backgroundColor = "";
31 }
32 return fs;
33 }
34
35 }
36 </script>
37 </head>
38 <body>
39 <ul>
40 <li>刘备</li>
41 <li>曹操</li>
42 <li>孙权</li>
43 <li>董卓</li>
44 </ul>
45 </body>
46 </html>
