1 <body> 2 <ul id="list"> 3 <li>11</li> 4 <li></li> 5 <li></li> 6 <li></li> 7 <li></li> 8 <li></li> 9 <li></li> 10 <li></li> 11 <li id="last" class="last"></li> 12 </ul> 13 <script> 14 var li=document.getElementsByTagName('li'); 15 for(var i=0;i<li.length;i++){ 16 li[i].addEventListener('mouseover',function () { 17 this.style.background='red'; 18 }); 19 li[i].addEventListener('mouseout',function () { 20 this.style.background='none'; 21 }); 22 }; 23 var last=document.getElementById('last'); 24 last.style.height=90+'px'; 25 last.style.background='green'; 26 </script> 27 </body>