php隔行换色,HTML_CSS隔行换色，隔行换色的问题，其实很简单 - phpStudy

CSS隔行换色

隔行换色的问题，其实很简单，解决办法无非一下几种：

1：背景图，如果行高固定的话，推荐使用背景图，也推荐将行高固定！兼容一切浏览器。

2：expression

文字：color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');

背景：background-color:expression(this.sourceIndex%2 ? '#ff0000':'#000000');

注：本方法浏览器兼容度不够，不支持ff3。

3：class分别定义：

＜ul>

＜li class="bgcolor">...

＜li>...

＜li class="bgcolor">...

＜li>...

＜/ul>

实实在在的写法。

4：通过JS，看实例：

无标题文档

function bgChange(){

if(!document.getElementsByTagName) return false;

var tables = document.getElementsByTagName("table");

for(var i=0; i

var odd = false;

trs = tables[i].getElementsByTagName("tr");

for(var j=0; j

if(odd==true){

trs[j].style.background = "#ccc";

odd = false;

}else{

odd = true;

}

}

}

}

window.onload = bgChange;

测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字
测试文字	测试文字	测试文字

//

if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="Run in 184 ms, 9 Queries.";

//]]>

本文作者:相关阅读:

应对Windows系统的“组策略”无法启动的技巧

jQuery 一个图片切换的插件

学习:PHP中文函数

Linux 网站项目发布要做哪些配置

教你Ubuntu 系统下截图四种方法

域内计算机和用户获取实现vbs代码

AJAX FCKEditor Rich Editor整合篇

Ubuntu 8.04下安装配置Tomcat5.5经验分享

Windows下的PHP5.0安装配置详解

独孤剑写的马克斯迅雷片库采集插件1.4 官方最新版提供下载了

JDBCTM 指南：入门2 - 连接

绝对定位的DIV宽度自动适应的一个方法

asp自动生成javascript检验函数1

解决MySQL数据库中文模糊检索问题