用JS怎么实现隔行换色

发布于 2021-11-19 16:40:31 字数 25 浏览 865 评论 2

在这个框架里用JS怎么实现隔行换色呀

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

倾城泪 2021-11-24 05:49:54

蛮好

孤檠 2021-11-21 19:57:43

用jQuery可简单实现

JS:

$(function(){
	$("#list tr:odd").addClass('listtd');
});

CSS:

.listtd{background-color:#999900}

HTML:

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="list">
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td height="20"> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文