zoukankan html css js c++ java

实现表格的变色

表格展示

1234	435	76867	789789
1234	435	76867	789789
1234	435	76867	789789
1234	435	76867	789789

 1 <html>
 2  <head>
 3  <title>表格展示</title>
 4  <script language="JavaScript">
 5      /*
 6      *by:rush date:2011年1月9日 00:07:52
 7      *功能：实现表格的变色
 8      */
 9      function responseMouseEvent(obj,type){
10          if(type==1){
11              obj.style.backgroundColor = "#6699CC"
12          }
13          else if(type==2){
14              obj.style.backgroundColor = "#FFFFFF"
15          } 
16      }
17      function responseClickEvent(obj){
18          if(obj.children[0].children[0].checked==true){ 
19              obj.children[0].children[0].checked = false;
20              obj.style.backgroundColor = "#FFFFFF" 
21              obj.onmouseover = function(){responseMouseEvent(obj,1);};
22              obj.onmouseout = function(){responseMouseEvent(obj,2);};
23          }
24          else{
25              obj.children[0].children[0].checked = true;
26              obj.style.backgroundColor = "#DFD027"// 
27              obj.onmouseover = null;
28              obj.onmouseout = null;
29          }
30      }
31  </script>
32  </head>
33  <body>
34      <table>
35          <tr onclick="responseClickEvent(this);" onmouseover="responseMouseEvent(this,1);" onmouseout="responseMouseEvent(this,2)" style="cursor:hand;background-color:#FFFFFF" >
36              <td>
37                  <input type="checkbox" name="update_checkbox" id="update_checkbox" />
38              </td>
39              <td>1234</td>
40              <td>435</td>
41              <td>76867</td>
42              <td>789789</td>
43          </tr>
44          <tr onclick="responseClickEvent(this);" onmouseover="responseMouseEvent(this,1);" onmouseout="responseMouseEvent(this,2)" style="cursor:hand;background-color:#FFFFFF" >
45              <td><input type="checkbox" name="update_checkbox" id="update_checkbox" />
46              <td>1234</td>
47              <td>435</td>
48              <td>76867</td>
49              <td>789789</td>
50          </tr>
51          <tr onclick="responseClickEvent(this);" onmouseover="responseMouseEvent(this,1);" onmouseout="responseMouseEvent(this,2)" style="cursor:hand;background-color:#FFFFFF" >
52              <td><input type="checkbox" name="update_checkbox" id="update_checkbox" />
53              <td>1234</td>
54              <td>435</td>
55              <td>76867</td>
56              <td>789789</td>
57          </tr>
58          <tr onclick="responseClickEvent(this);" onmouseover="responseMouseEvent(this,1);" onmouseout="responseMouseEvent(this,2)" style="cursor:hand;background-color:#FFFFFF" >
59              <td><input type="checkbox" name="update_checkbox" id="update_checkbox" />
60              <td>1234</td>
61              <td>435</td>
62              <td>76867</td>
63              <td>789789</td>
64          </tr>
65      </table>
66  </body>
67  </html>

查看全文

相关阅读:
MySQL Online DDL导致全局锁表案例分析
 .NET Core教程--给API加一个服务端缓存啦
 任务队列和异步接口的正确打开方式(.NET Core版本)
.NET Core中使用RabbitMQ正确方式
 .NET Core单元测试之搞死开发的覆盖率统计（coverlet + ReportGenerator ）
没有执行过rm -rf /*的开发不是好运维
 dotnet core在Task中使用依赖注入的Service/EFContext
可能是全网首个支持阿里云Elasticsearch Xapck鉴权的Skywalking
dpdk中QSBR具体实现
 C语言二级指针底层实现

原文地址：https://www.cnblogs.com/yony/p/2855753.html