表格隔行换色,节省代码的好方法
<style>
.db { border-collapse:collapse;}
.db tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
</style>
<table width="100%" border="1" class="db">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
上面是每一行隔行换色每两行一循环,下面是每一行隔行换色,每八行一循环
<style>
.db tr{
background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]);
}
</style>
分享到:
相关推荐
Jquery实现隔行换色特效代码是一款简单的表格隔行换色特效。
jquery 隔行换色特效 很简单 看下代码就会了 里面有2个例子
简单的代码实现华丽的效果,您所需的。隔行换色。
隔行换色 C# vs2010,可运行,也简单
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)
三种效果的隔行换色,DIV和LI的布局,鼠标划过LI换颜色,单纯隔行换色,鼠标划过没变化,鼠标点击换颜色,三种效果。代码简单,JS
本文实例讲述了jquery隔行换色效果实现方法。分享给大家供大家参考。具体分析如下: 使用 jquery 来实现隔行换行的效果,简单得就跟吃饭一样。来吧,看看代码到底有多么的简单 代码如下:<html> <head> ...
1、步骤分析: 第一步:引入jquery的类库 第二步:直接写页面加载函数 第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)...使用jQuery完成表格隔行换色</title> [removed][removed]
Jquery实现隔行换色特效代码是一款简单的表格隔行换色特效。
CSS隔行换色的问题,其实很简单,您可以根据您的需要,采用下面的任何一种方法,当然,要适合你的编码与需求情况:一、background背景图片 如果行高固定的话,推荐使用背景图,也推荐将行高固定!兼容一切浏览器。...
主要介绍了用简洁的jQuery方法toggleClass实现隔行换色,很简单,但很实用,需要的朋友可以看看
新需求,隔行换色,itext in action 是个很好的说明书,照着英文读下来,很简单的进行了实现,思路如下: 1.先创建PdfPTable对象,生成PDF表格cell之后,添加隔行换色的事件,将此事件在PdfPTable加入Document对象...
先来看一个简单的方法。 在 css 中定义两种样式 .odd{…} 和 .even{…} 分别用于奇数行和偶数行的不同背景颜色。在网页加载后通过 javascript 获取要变色的标签列表,执行如下代码: // 当文件加载时,执行代码。 ...
实现了CListCtrl中插入带颜色的单元格,很简单的一个例子
JS代码 JS网页内容模块选用 Photoshop 扩展动作 TAB带动画 隔行同色 层固定在右下角的离奇方法 超简单表格隔行换色+鼠标经过变色 打开关闭层JS 弹出菜单 顶部自动收缩滑动门广告代码 动画效果打开层 关闭层 固定位置...
本文简单分析了php简单隔行变色功能实现方法。分享给大家公大家参考。具体如下: $color=; echo 隔行变色效果:; echo ; for($i=1;$i<=5;$i++){ if($i%2==0){ $color=yellow; } if($i%2==1){ $color=red; ...
主要介绍了使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
只是模拟一练习 v-for v-on v-bind的一个简单demo 代码思路: 遍历出data里面的数据 v-for 给li加点击事件 绑定class样式 怎么控制样式的显示 通过 class的控制 v:bind:class={class:index==变量} 下标和class变量...