这是之前写过的模拟评分功能的代码，贴出来就当做是温故知新啦~
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3 <title>无标题页</title>
4 <script type="text/javascript">
5 function star(){
6 var btnid = document.getElementById(btn);
7 var star = document.getElementById("star");
8 var stars = star.getElementsByTagName("td");
9 for(var i=0;i<stars.length;i++){
10 var s = stars[i];
11 s.onmouseover = Click;
12 s.onmouseout = Click2;
13 s.style.cursor = "pointer";
14 }
15 }
16 function Click(){
17 var star = document.getElementById("star");
18 var stars = star.getElementsByTagName("td");
19 var index = indexOf(this,stars);
20
21 for(var i=0;i<=index;i++){
22 stars[i].style.backgroundColor ="red";
23 }
24 for(var j=index+1;j<=xings.length;j++){
25 stars[i].style.backgroundColor ="white";
26 }
27 }
28 function indexOf(member,members){
29
30 for(var index=0;members.length;index++){
31 if(member == members[index]){
32 return index;
33 }
34 }
35 return -1;
36 }
37 function Click2(){
38 var star = document.getElementById("star");
39 var stars = star.getElementsByTagName("td");
40 for(var i=0;i<stars.length;i++){
41 stars[i].style.backgroundColor = "white";
42 }
43 }
44 </script>
45 </head>
46 <body onload = "star()">
47 <table id="star">
48 <tr>
49 <td>☆</td><td>☆</td><td>☆</td><td>☆</td><td>☆</td>
50 </tr>
51 </table>
52 </body>
53 </html>
