表格隔行换色(CSS版)

表格隔行换色

1. 摘自：  
2. http://www.blueidea.com/bbs/NewsDetail.asp?GroupName=Dreamweaver+%26+Javascript%D7%A8%C0%B8&DaysPrune=60&lp=1&id=2232008  
3.    
4.    
5. 表格隔行换色，节省代码的好方法  
6. <style>  
7. .db { border-collapse:collapse;}  
8. .db tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }  
9. </style>  
10. <table width="100%" border="1" class="db">  
11. <tr>  
12. <td> </td>  
13. </tr>  
14. <tr>  
15. <td> </td>  
16. </tr>  
17. <tr>  
18. <td> </td>  
19. </tr>  
20. <tr>  
21. <td> </td>  
22. </tr>  
23. </table>  
24.    
25. 上面是每一行隔行换色每两行一循环，下面是每一行隔行换色，每八行一循环  
26. <style>  
27. .db tr{  
28. background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]);  
29. }  
30. </style>