您现在的位置:主页 > 技术中心 > WEB编程 > DIVCSS

CSS代码小技巧轻松实现隔行换色(2)

来源:互联网 责任编辑:admin 发表时间:2013-07-01 12:11 点击:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>www.devdao.com - 四种实现CSS隔行换色的方法</title>
  <link href="index.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript">
  function bgChange(){
  if(!document.getElementsByTagName) return false;
  var tables = document.getElementsByTagName("table");
  for(var i=0; i<tables.length; i++){
  var odd = false;
  trs = tables[i].getElementsByTagName("tr");
  for(var j=0; j<trs.length; j++){
  if(odd==true){
  trs[j].style.background = "#ccc";
  odd = false;
  }else{
  odd = true;
  }
  }
  }
  }
  window.onload = bgChange;
  </script>
  </head>
  <body   >
  <table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
  <td>测试文字</td>
  <td>测试文字</td>
  <td>测试文字</td>
  </tr>
  <tr>
  <td>测试文字</td>
  <td>测试文字</td>
  <td>测试文字</td>
  </tr>
  <tr>
  <td>测试文字</td>
  <td>测试文字</td>
  <td>测试文字</td>
  </tr>
  <tr>
  <td>

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

推荐热点

  • 扎实基础 9则css网页制作技巧
  • CSS设计符合Web标准的网页表单的几个技巧
  • 技巧:css星级效果总结
  • 用CSS建设网站的实例(9)
  • 提高网站性能:JavaScript+CSS优化的建议(3)
  • CSS制作网页实例:用CSS控制li标记样式
?? - ?? - ÝřŝžľŘÝź - TAGąęÇŠ - RSSśŠÔÄ - ??
Copyright © 2004-2024 上海卓卓网络科技有限公司