Posted by zhanggy on 十二 23, 2007 in Web building | 0 comments
这里用到了javascript，简单的实现表格隔行颜色的不同，方法还有很多，不过用javascript能够很好的跨浏览器兼容，具体代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <BODY> <style> tr.light { background-color: #33FFCC; } tr.dark{ background-color: #3366FF; } </style> <script> function initTableCss(){ var tab=document.getElementById( "table"); for(var i=0;i <tab.rows.length;i++){ tab.rows[i].className=(i%2==1)? "light": "dark"; } } window.onload=initTableCss; </script> <table id="table" /> <tr> <td> aaa </td> <td> bbb </td> </tr> <tr> <td> ccc </td> <td> ddd </td> </tr> <tr> <td> aaa </td> <td> bbb </td> </tr> <tr> <td> ccc </td> <td> ddd </td> </tr> <tr> <td> aaa </td> <td> bbb </td> </tr> <tr> <td> ccc </td> <td> ddd </td> </tr> <tr> <td> aaa </td> <td> bbb </td> </tr> <tr> <td> ccc </td> <td> ddd </td> </tr> <table> </BODY> </HTML>
提示：你可以先修改部分代码再运行。
You must be logged in to post a comment.
