<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}
-->
</style>
<table>
<tr><td>第1行</td><td>第1行</td><td>第1行</td><td>第1行</td><td>第1行</td></tr>
<tr><td>第2行</td><td>第2行</td><td>第2行</td><td>第2行</td><td>第2行</td></tr>
<tr><td>第3行</td><td>第3行</td><td>第3行</td><td>第3行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td><td>第4行</td><td>第4行</td><td>第4行</td></tr>
<tr><td>第5行</td><td>第5行</td><td>第5行</td><td>第5行</td><td>第5行</td></tr>
</table>
分享到:
相关推荐
CSS结合JavaScript 实现Li隔行换色 代码
css+js隔行换色,很实用的代码。喜欢 的快来用吧,新手赚积分拉~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
以前在Dreamweaver中用表格布局网页的时候常常用到一种设计手法–隔行换色。也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读。所以这种手法被广大的设计师们收入囊中作为自己的又一把...
隔行换色+title样式+隐藏链接虚线.zip
CSS隔行换色的问题,其实很简单,您可以根据您的需要,采用下面的任何一种方法,当然,要适合你的编码与需求情况:一、background背景图片 如果行高固定的话,推荐使用背景图,也推荐将行高固定!兼容一切浏览器。...
网页设计制作,CSS实现隔行换色两种方法: 第一种方法: 以下为引用的内容:<style type=text/css>UL.myul1 LI{background-color: [removed]this.sourceIndex%2==0?’#9FB7F6′:’#B6C8F8′);}</style>...
隔行颜色不同隔行颜色不同隔行颜色不同隔行颜色不同隔行颜色不同隔行颜色不同
CSS expression 隔行换色效果实现代码,需要的朋友可以参考下。
既然你都知道是隔行换色了,那就隔行换色就是了。方法很多。 最直接的在每一行的上直接加bgcolor=”red”。 用css的话就定义行二个颜色的类。在每一行交替使用这个类就是了。如: tr class=”trClass1″ tr class=...
css expression 隔行换色
今天用一种简洁的方法toggleClass()实现了隔行换色:代码如下: 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>隔行换色</title> [removed][removed] ...
CSS2实现的隔行换色
jquery table ui插件制作css表格隔行变色特效代码
<style type="text/css"> table{border:#0066ff 1px ...隔行更换背景色 <style type="text/css"> .one{background-color:#33ffcc;} .two{background-color:#ffff66;} .over{background-color:#ccff66;} ······
本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
使用css实现隔行换色的方法,需要的朋友可以参考一下
本文实例为大家分享了jQuery实现表格隔行换色的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用JQ完成表格隔行换色</...
主要介绍了使用JavaScript和CSS实现文本隔行换色的方法,当然最普通的也可以单纯用CSS实现,需要的朋友可以参考下