效果图:

<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. python手记(52)

    python将信息加密进图片 从图片中解密信息 >>> runfile(r'K:\testpro\test1.py', wdir=r'K:\testpro') http://blog ...

  2. 左右mysql事务提交

    package com.itheima.trans; import java.sql.Connection; import java.sql.PreparedStatement; import jav ...

  3. 測试JSON RPC远程调用（JSONclient）

    #include <string> #include <iostream> #include <curl/curl.h> /* 标题:JSonclient Auth ...

  4. cocos2d-html5游戏图片资源选择

    cocos2d-html5游戏图片资源能够选择,单张的图片作为一个精灵或者场景的载入对象.也能够把图片给做成plist文件.通过plist来訪问图片资源.其中优缺点.使用方式在个人的測试其中体现例如以 ...

  5. c++堆栈实现

    A Stack is a data-structure that You can only add an element to the top of the Stack, andYou can onl ...

  6. 超人学院Hadoop大数据资源共享

    超人学院Hadoop大数据资源共享-----数据结构与算法(java解密版) http://yunpan.cn/cw5avckz8fByJ   訪问password b0f8 很多其它精彩内容请关注: ...

  7. 破解win2008r2服务器域用户名

    启动PE系统 进入 cmd窗口 cd 进入 win2008r2服务器的安装盘(假设为d:) d: cd windows/system32 ren osk.exe osk02.exe  #重命令屏幕键盘 ...

  8. 精致的外观Request

    为什么要说Request精致的外观?请注意,我们这里所说的并不总是理解含义的外观门面,事实上,它使用的立面设计图案.使用的主要考虑数据安全的门面.它涉及到一个更大的系统系统的多个子系统之间的互动沟通. ...

  9. SSH证书登录方式（无password验证登录)

    经常在工作中须要在各个Linux机间进行跳转,每次password的输入成了麻烦,并且也不安全.在实际使用中,在windows下常使用secureCRT工具或teraterm工具进行SSH登录.以及实 ...

  10. ios-html-get/post差额，简而言之（MS）CheckST

    get直接采取拉数据,post注射剂server.至server安全或使用get 而且由于get明确传递,password帐户A眼可以看得出来,甚至加密也可以很easy解,所以传password用po ...