效果图:

<html>

 <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <title>无标题文档</title>

  <script language="javascript" type="text/javascript">

function tagscheck(a) {

    var lng = document.getElementsByTagName("tr").length;

    for (i = 0; i < lng; i++) {

        var temp = document.getElementsByTagName("tr")[i];

        if (a == temp) {

            //选中的标签样式

            temp.style.background = "#ccc";

        } else {

            //恢复原状

            temp.style.background = "";

        }

    }

}

</script>

 </head>

 <body>

  <table width="100%" border="1" cellpadding="2" cellspacing="0">

   <tbody>

    <tr>

     <td bgcolor="#006600">dd </td>

     <td bgcolor="#006600"> dd</td>

     <td bgcolor="#006600">dd </td>

    </tr>

    <tr onclick="tagscheck(this);">

     <td> 2</td>

     <td>3 </td>

     <td>4 </td>

    </tr>

    <tr onclick="tagscheck(this);">

     <td> 45</td>

     <td>456 </td>

     <td>46 </td>

    </tr>

    <tr onclick="tagscheck(this);">

     <td> 3</td>

     <td>3 </td>

     <td>45 </td>

    </tr>

    <tr onclick="tagscheck(this);">

     <td> 67</td>

     <td>7 </td>

     <td>s </td>

    </tr>

    <tr onclick="tagscheck(this);">

     <td>d </td>

     <td> a</td>

     <td>s </td>

    </tr>

    <tr onclick="tagscheck(this);">

     <td> s</td>

     <td> d</td>

     <td>s </td>

    </tr>

   </tbody>

  </table>

 </body>

</html>

參考资料

http://zhidao.baidu.com/link?

url=txLVh18itJdgSl-9mIO7YlnaKjmCVLiEhcAaAK5dEaBwASm1QltNH52mcs3BNLMU_Mr3sr0lcrrocXFmuaHGu_

版权声明：本文博客原创文章，博客，未经同意，不得转载。

table在 点击线条颜色的更多相关文章

  1. iOS 动画绘制线条颜色渐变的折线图

    效果图 .................... 概述 现状 折线图的应用比较广泛,为了增强用户体验,很多应用中都嵌入了折线图.折线图可以更加直观的表示数据的变化.网络上有很多绘制折线图的demo,有 ...

  2. CAD打印线条太粗、线条颜色设置

    不管你是使用打印机,还是将CAD转换为PDF文件,如果出现以下情况,线条太粗,根本看不清楚,怎么解决呢? 或者,不想通过图层复杂.繁琐的设置,想将各种颜色线条的CAD全部打印成黑白,或者指定某一种颜色 ...

  3. table 控制单双行颜色以及鼠标hover颜色 table光棒

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. vue点击切换颜色限制个数（用了mui框架）

    vue点击切换颜色 只能点击一个 <!doctype html> <head> <meta charset="UTF-8"> <title ...

  5. table鼠标滑过变颜色

    table鼠标滑过变颜色 添加 table tr:hover{background-color: #eee;} 设置鼠标滑过行背景变色,重新刷新浏览器页面.  一般设置灰色,eee

  6. echart添加轴最小值，最大值，间隔以及设置线条颜色

    yAxis: [{ type: 'value' }, { type: 'value', name: '上证指数', //设置最小值,最大值,间隔 min: 1000, max: 6000, inter ...

  7. table 中的tr 行点击 变换颜色背景

    <style> table{border-collapse: collapse;border-spacing: 0; width: 100%;} table tr th,td{border ...

  8. PDF阅读器中如何改变线条颜色、线宽和线型等

    1.打开PDF阅读器过后,点击菜单栏"注释"这一栏,找到绘图区域中的线条或铅笔: 2.分别用线条和铅笔随意画两条直线,然后选中直线,右键点击直线并打开"属性": ...

  9. view的clickable属性和点击background颜色改变

    drawable可以是color(color只能是color) android:background=drawable或者color 当一个view(iamge/text view都可以)的andro ...

随机推荐

  1. Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇)

    原文:Jquery利用ajax调用asp.net webservice的各种数据类型(总结篇) 老话说的好:好记心不如烂笔头! 本着这原则,我把最近工作中遇到的jquery利用ajax调用web服务的 ...

  2. SWT的ListVierer的使用

    package com.test; import java.util.ArrayList; import java.util.List; import model.People; import org ...

  3. eclipse安装ADT后在windows菜单下找不到android SDK and AVD Manager选项的解决办法

    在eclipse中点击window→Customize Perspective→Command Groups availability→Available command groups下勾选Andro ...

  4. ASP.NET 成员资格 Part.2（使用安全控件 Login）

    原文:ASP.NET 成员资格 Part.2(使用安全控件 Login)        准备好提供程序以及用户信息的存储,就可以开始构建验证用户.注册用户或者让用户能够重置密码的用户界面了.ASP.N ...

  5. Windows Phone开发（29）：隔离存储C

    原文:Windows Phone开发(29):隔离存储C 本文是隔离存储的第三节,大家先喝杯咖啡放松,今天的内容也是非常简单,我们就聊一件东东--用户设置. 当然了,可能翻译为应用程序设置合适一些,不 ...

  6. 【ArcGIS 10.2新特性】ArcGIS 10.2 for Desktop 新特性（二）

    4 三维 4.1 共享三维场景         用户能够将ArcScene文档导出为3D web场景,能够被加载到ArcGIS Online.Portal或本地Web服务器上并进行分享.这样,用户可以 ...

  7. SQL Server ：理解数据页结构

    原文:SQL Server :理解数据页结构 我们都很清楚SQL Server用8KB 的页来存储数据,并且在SQL Server里磁盘 I/O 操作在页级执行.也就是说,SQL Server 读取或 ...

  8. Android数据存储——SQLite数据库（模板）

    本篇整合Android使用数据库,要保存一个实体类的样本. 首先看一下数据库语句: ORM:关系对象映射 添加数据: ContentValues values = new ContentValues( ...

  9. 设计模式——辛格尔顿（Singleton）

    要想正确理解设计模式,首先必须明白它是为了解决什么问题而提出来的. 设计模式学习笔记 --Shulin 转载请注明出处:http://blog.csdn.net/zhshulin 单例模式属于设计模式 ...

  10. 同一路由器不同vlan之间的通信（一）

    还是废话不多说,第一步,看拓扑图. 先把pc上的ip都配好.開始设置 switch0: >en >conf t >vlan 2 >exit >int fa 0/1 > ...