1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>无标题文档</title>
6 <style>
7 #ulColor li{
8 width: 100%; height: 20px;
9 }
10
11 </style>
12 <script src="http://code.jquery.com/jquery-latest.js"></script>
13 <script type="text/javascript">
14
15
16 $(function(){
17 var lihtml="<li></li>";
18 var ulC=$('#ulColor');
19 var liC=['red','blue','green','#ccc'];
20 for(var i=0; i<20; i++){
21 lihtml.length=i;
22 ulC.append(lihtml);
23 }
24 var liall=$('#ulColor li');
25 var lLen=liall.length;
26 for(var j=0;j<lLen;j++){
27 var liColor=liC[j%liC.length];
28 liall.eq(j).css('background-color',liColor);
29 }
30 })
31
32
33
34
35 </script>
36 </head>
37 <body>
38 <ul id="ulColor"></ul>
39 </html>
