当前位置: 首页 - 编程技术 - 文章正文

table 奇数偶数行颜色

xiaoqihv

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>  <head>

  <title>javascript</title>

  <meta http-equiv="pragma" content="no-cache">   <meta http-equiv="cache-control" content="no-cache">   <meta http-equiv="expires" content="0">   <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">   <meta http-equiv="description" content="This is my page">     <script type="text/javascript">   window.onload = function(){      var tr = document.all.test.getElementsByTagName("tr");   if(tr){    for(var i  =  0 ; i<tr.length; i++){     tr[i].style.background=((i+1)%2==0)? "red":"blue"

tr[i].style.background=((i+1)%2==1)? "url(../images/bg_03.gif)":"url(../images/bg_line03.gif)"//图片

   }   }  }    </script>  </head>

 

 <body>  <table id="test">   <tr>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>        <td></td>   </tr>    <tr>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>        <td></td>   </tr>    <tr>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>        <td></td>   </tr>    <tr>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>    <td>sdf </td>        <td></td>   </tr>   

 </table>

 </body> </html>

文章地址:https://wenmayi.cn/post/4842.html