打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
表格隔行换色,真是方便,摘自经典论坛 qingzhuang
表格隔行换色,真是方便,摘自经典论坛
关键字:       

代码
  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>  
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
用css多种方法实现表格行交替变色
四个好看的CSS样式表格
CSS控制表格隔行变色与鼠标滑过变色
PHP登陆页面完整代码
用css样式,为表格加入边框
css实现背景图拉伸(图例)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服