效果图:

<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. EF一次请求公用一个实例

    应用场景: 我们在程序开发时,对数据库的操作是必不可少的部分,常规的做法是直接使用Using()语句块,在用完后立即释放连接资源,这种做法在桌面应用程序中毫无问题,但是在Web程序中,尤其是在当今大数 ...

  2. 【超有用】图解--怎样使用本地的dtd文件映射

    曾经一直非常苦恼,假设电脑上不了网,就比較麻烦了.自己在配置HIbernate的属性的时候.不知道属性名有没有写错.. 如今和大家分享一下,毕竟自己痛苦过了,大家不要和我一样痛苦.

  3. eclipse3.1.1汉化版安装

    确认安装好jdk以后,下载eclipse3.1.1及多语言包eclipse3.1.1 下载地址   http://eclipse.areum.biz/downloads/drops/R-3.1.1-2 ...

  4. 安装配置gerrit

    Centos 安装配置gerrit 关闭selinux,不然nginx的反向代理会报错connect() to 127.0.0.1:8080 failed (13: Permission denied ...

  5. 让ecshop显示商品销量或者月销量

    首先,ecshop的信息显示模块在. ./includes/lib_goods.php文件 在其末尾添加下面这个函数 月销量:(和总销量二选一) function ec_buysum($goods_i ...

  6. python学习笔记之八：迭代器和生成器

    一. 迭代器 在前面的笔记中,已经提到过迭代器(和可迭代),这里会对此进行深入讨论.只讨论一个特殊方法---__iter__,这个方法是迭代器规则的基础. 1.1 迭代器规则 迭代的意思是重复做一些事 ...

  7. iOS: NSMutableArray的方法removeObject:inRange:

    - (void)removeObject:(id)anObject inRange:(NSRange)aRange

  8. uva 11396Claw Decomposotion（二分图判定)

     题目大意:给出一个简单无向图,每一个点的度为3.推断是否能将此图分解成若干爪的形式.使得每条边都仅仅出如今唯一的爪中. (点能够多次出如今爪中) 这道题实质上就是问这个图是否为二分图,dfs判定 ...

  9. jquery中的选择器01

    <!doctype html> <html> <head> <meta charset="gb2312"> <title> ...

  10. Error 56: The Cisco Systems, Inc. VPN Service has not been started（Cisco VPN在Vista下出现Error 56的解决办法）

    Error 56: The Cisco Systems, Inc. VPN Service has not been started(Cisco VPN在Vista下出现Error 56的解决办法) ...