摘自:
http://www.blueidea.com/bbs/NewsDetail.asp?GroupName=Dreamweaver+%26+Javascript%D7%A8%C0%B8&DaysPrune=60&lp=1&id=2232008
表格隔行换色,节省代码的好方法
<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>
分享到:
相关推荐
实现效果为:表格隔行换色 鼠标移过变色 实现多选效果
实现表格隔行换色效果
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)
jquery实现表格隔行换色和鼠标经过提示效果源码
jQuery-dnTableEx V2.0 基于Jquery的表格隔行换色和分页插件 唐宁软件团队出品的免费表格隔行换色和分页插件: API lang: "cn", //切换默认中英文按钮名称 默认cn ifdnTableExColor: true, //调用隔行变色功能 默认...
/** * * @author 翟正强 广东中山中南中南T25班 * @version1.0 * @2009-09-08 * @表格渲染(悬浮变色,隔行换色,点击变色) */
1.大气的表格样式 2.表格隔行换色效果 3.选择行底色突出显示 4.表头拖动效果
博文链接:https://jiasudu.iteye.com/blog/146931
表格隔行换色 需求分析 我们商品分类的信息太多,如果每一行都显示同一个颜色的话会让人看的眼花,为了提高用户体验,减少用户看错的情况,需要对表格进行隔行换色 技术分析 table对象 集合 cells[]:返回包含...
1、步骤分析: 第一步:引入jquery的类库 第二步:直接写页面加载函数 第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)...使用jQuery完成表格隔行换色</title> [removed][removed]
Jquery实现隔行换色特效代码是一款简单的表格隔行换色特效。
Js实现表格隔行换色一例 body{ padding:0; margin:0; font:Arial; font-size:12px;} .bf{ padding:0; margin:auto;} .bf table{ text-align:center;line-height:14pt;} .bf th{ width:50px; padding:10px;} .f1{ ...
本文实例为大家分享了jQuery实现表格隔行换色的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用JQ完成表格隔行换色</...
表格隔行换色升级版,直接用javascript实现。
效果图:编写JQUERY插件如下: 代码如下: ;... //注意这个options 同上面的function(options)中的option是同一个对象 //隔行变色 $(“tbody>tr:enev”,this).addClass(option.even); $(“tbody>tr:odd”,this).ad
下面一个示例为大家详细介绍下使用jquery实现表格的隔行换色功能,感兴趣的朋友可以参考下