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
投稿猜你喜欢
边缘检测Canny边缘检测器是一种被广泛使用的算法，并被认为是边缘检测最优的算法，该方法使用了比高斯差分算法更复杂的技巧，如多向灰度梯度和滞- 一、上传表单的HTML代码 <form action="UpLoad.php" method="post
- 1、词表映射无论是深度学习还是传统的统计机器学习方法处理自然语言，都需要先将输入的语言符号（通常为标记Token），映射为大于等于0、小于词
- #/usr/bin/env/python#coding=utf-8import sys,re,time,osmaxdata = 50000
- 按照某一列排序d = {'A': [3, 6, 6, 7, 9], 'B': [2, 5, 8, 0, 0]
- 本文实例讲述了Python中的错误和异常处理操作。分享给大家供大家参考，具体如下：#coding=utf8print ''&
- 爬虫：一段自动抓取互联网信息的程序，从互联网上抓取对于我们有价值的信息，一般来说，Python爬虫程序很多时候都要使用（飞猪IP）代理的IP
- 和网友们讨论了数组取交集的方法，下面是两个实现arr1=["1","5","6"
- 最近无意看到网上有人使用Python编写几十行代码生成图像验证码，感觉很是繁琐，这里为各位朋友推荐两种方法，使用4行Python代码即可生成
- 引子Tornado 是一个网络异步的的web开发框架, 并且可以利用多进程进行提高效率, 下面是创建一个多进程 tornado 程序的例子.
- 前言keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。在组件切换过程中将状态保留在内
- 前言1992年扫雷被加入到windows3.1，成为早期windows的经典游戏。近来接触python的GUI(图形化)编程，于是通过编写扫
- 本文实例讲述了Python根据区号生成手机号码的方法。分享给大家供大家参考。具体实现方法如下：# _*_ coding:utf-8 _*_#
- 需要在 ~/.pip/pip.conf 配置文件中加入下面的语句，避免这类警告：没有目录或没有配置文件需要自己新建mkdir ~/.pip/
- 简单的Python代码：用户登录注册利用业余时间，写了一个用户进行登录注册的代码，非常简单。主要实现的功能是：1、可以进行用户登录，在用户进
- 当Anconda安装多个python环境时，或者由于多次卸载安装Anaconda时，导致python的kernel内核启动失败问题，使得ju
- CSS的背景属性“background”提供了众多属性值，如颜色、图像、定位等，为网页背景图像的定义提供了极大的便利。看看backgroun
- 将PHP的执行页面预先转换成HTML，是所谓的PHP静态化方法之一。其他还有模板替换法，opcache等方法。静态化的作用：提高网站的响应速
- 事件对象asyncio.Event是基于threading.Event来实现的。事件可以一个信号触发多个协程同步工作，例子如下：import
- 1. 问题抓取某个网站，发现请求参数是乱码格式，这是点击 TextView，发现请求参数如下图所示3. 那么=％B9％FA％CE％F1％D4
