css学习笔记：表格隔行点击变色
来源：好好的好好 发布时间：2009-04-30 13:15:00
我们经常会用到表格数据，在做表格的时候，一般都喜欢隔行变色，使表格表现数据的时候非常的清晰。
如图，我设计的一个表格表现的样式：
在网上找到一个非常好的表格隔行点击变色效果的制作方法，我认为这个作法是比较实用的。
● 在head和body区分别加上JS：
<script language="javascript"><!--
function senfe(o,a,b,c,d){
var t=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++){
t[i].style.backgroundColor=(t[i].sectionRowIndex％2==0)?a:b;
t[i].onclick=function(){
if(this.x!="1"){
this.x="1";//本来打算直接用背景色判断，FF获取到的背景是RGB值，不好判断
this.style.backgroundColor=d;
}else{
this.x="0";
this.style.backgroundColor=(this.sectionRowIndex％2==0)?a:b;
}
}
t[i].onmouseover=function(){
if(this.x!="1")this.style.backgroundColor=c;
}
t[i].onmouseout=function(){
if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex％2==0)?a:b;
}
}
}
--></script>
<script language="javascript"><!--
//changecolor("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
senfe("changecolor","#f8fbfc","#e5f1f4","#ecfbd4","#bce774");
--></script>
● 给table赋一个ID:changecolor
<table class="warp_table" id="changecolor">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
全部源码：
0
投稿猜你喜欢
- asp生成html如果采用utf8编码方式，多数采用的是Adodb.Stream组件，因为fso并不能支持Utf-8最近在写一个生成HTML
- 因为写js经常需要用到访问样式，我们常用的做法是通过 DOM.style.XXX来读写样式信息的。可是DOM.style这种写法只能访问&l
- 我们知道在超级链接的title属性中，是不支持html代码的，我们只能使用文本来处理提示信息。当然借助js可以做出很好的效果。这里讲一下如何
- 作为一个非设计出生的研究思路偏向的设计师，带着少了设计师自恋和自怜的眼光，我记下最近一年来感受到的交互设计师的尴尬。交互设计师就是出界面的，
- 1.查询高于平均价格的商品名称：SELECT item_name FROM ebsp.product_mark
- 数据库并行访问，也就是两个或两以上用户同时访问同一数据，这也是数据库引擎如何设计和实现适度反应所面临的最大问题。设计优良、性能卓越的数据库引
- 我们经常会遇到多重查询问题，而长长的SQL语句往往让人丈二和尚摸不着头脑。特别是客户端部分填入查询条件时，如用普通方法将更是难上加难。以下巧
- 面向对象的程序设计随着程序的设计的复杂性增加，结构化程序设计方法又不够用了。不够用的根本原因是“代码重用”的时候不方便。面向对象的方法诞生了
- 注意，下述部分主要与DOUBLE和FLOAT列相关，原因在于浮点数的不准确本质。MySQL使用64位十进制数值的精度执行DECIMAL操作，
- 当你的查询相对简单的时候，每次从头开始创建SQL语句也不费什么工夫，不过，复杂的查询就不同了，每次都从头来会产生很多开发错误。因此，一旦让S
- 网页路径问题可以说是在页面设计或程序中比较典型的问题，处理得不好会给你的带来很大的麻烦，如何才能彻底解决路径问题呢！asp之家为你特别准备了
内容适应形式学习了死猫的文章，我今天也来说说有关内容和容器的关系。看标题你也许觉得有些囧，它和上一篇《形式追随内容？》看起来相反，而且好像从- 问：我想问一下我在重新装完系统以后装SQL Server2000时提示:以前某个程序安装已在计算机上创建挂起的文件操作,运行安装
- 什么是Firebug从事了数年的Web开发工作，越来越觉得现在对WEB开发有了更高的要求。要写出漂亮的HTML代码；要编写精致的CSS样式表
- 我一直都不喜欢在访问数据库时采用拼接SQL的方法，原因有以下几点： 1. 不安全：有被SQL注入的风险。 2. 可能会影响性能：每条SQL语
- 如果我们希望在网页的不同角落里放置不重复平铺的背景图，该怎么办呢？比如网页的背景要如图所示，并要求在不
- 目前可实现：MD5算法、SHA256算法、先MD5后SHA256、先SHA256后MD5、两次MD5、两次SHA256、前8位MD5算法后8
- 中国，美国，英国3国时间js同步动态显示，对于做企业网站的朋友相信用的到，特别是做英文网站的朋友，加上这一段代码会给你的网站增色不少！本文j
- Google Chrome 的发布，使我们更加的注重基于 WebKit 核心的浏览器的表现情况，但我们很多时候“不小心”就会出现
- 星爷的一部“国产007”应该是无人不晓，其中一个片段是将“007”向MM展示他的秘密武器。皮鞋可以吹头发，大哥大可以刮胡子……把真实功能隐蔽
