精通js部分代码应用--鼠标经过tr变色

本文涉及的产品
转发路由器TR,750小时连接 100GB跨地域
简介:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>豪情</title>
<meta content="by 豪情" name="keywords" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
*{margin:0;padding:0;}
body{font-size:12px;font-family:arial, '宋体';background:#fff;color:#727272;}
form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img{border:0;}ul,li{list-style-type:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.clear{clear:both;}em{font-style:normal;}.cp{cursor:pointer;}
select,input,button{font:12px/20px Verdana,Simsun,Helvetica,Arial,sans-serif;}
input,select{vertical-align:middle;}
a{color:#8b5092;text-decoration:none;}
a:hover{color:#090;text-decoration:underline;}
a:focus{outline:0;}
.blank_tab{border-collapse:collapse;border:1px solid #ccc;}
.blank_tab th{border:1px solid #ccc;}
.blank_tab td{border:1px solid #ccc;padding:2px 2px 2px 5px;}
/* tab */
.my_data_tabwrap{width:800px;margin:0 auto 15px;padding-top:30px;}
.tb_data_tab{border-collapse:collapse;border:1px solid #aec1e1;}
.tb_data_tab th{border:1px solid #aec1e1;height:30px;background:#c3d8f5;color:#001f4f;padding:3px 0;}
.tb_data_tab td{border:1px solid #aec1e1;padding:2px 2px 2px 5px;height:30px;}
.tb_data_tab tr{cursor:pointer;}
.tab_intro h4{text-align:center;font-size:14px;color:#000;line-height:25px;}
.tab_head{height:30px;line-height:30px;color:#000;}
.tab_head strong{color:#369;}
.tab_date_info{float:right;}
.tab_busname{float:left;}
.tab_foot_info{float:right;}
.tab_foot_info em{margin-left:10px;}
.trhover{background:#aef;}
.trout{background:#fff;}
.trclick{background:#fc0;}
</style>
</head>
<body>
<table id="myTabData" class="tb_data_tab" style="margin:50px auto;" width="800">
<tr>
<th>序号</th>
<th>支付银行</th>
<th>支付银行</th>
<th>支付银行</th>
<th>支付银行</th>
<th>支付银行</th>
<th>备注</th>
</tr>
<tr>
<td><input type="checkbox" name="" id="" /></td>
<td></td>
<td></td>
<td>333</td>
<td>212</td>
<td>ewe</td>
<td>333</td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" /></td>
<td></td>
<td>22</td>
<td></td>
<td>33</td>
<td></td>
<td></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" /></td>
<td></td>
<td>22</td>
<td></td>
<td>33</td>
<td></td>
<td></td>
</tr>
<tr>
<td><input type="checkbox" name="" id="" /></td>
<td></td>
<td>22</td>
<td></td>
<td>33</td>
<td></td>
<td></td>
</tr>
</table>
  </body>
</html>





本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2011/07/28/2119853.html,如需转载请自行联系原作者


目录
相关文章
|
2天前
|
JavaScript
网站内容禁止复制的js代码
网站内容禁止复制的js代码
|
8天前
|
缓存 JavaScript 前端开发
js和html代码一定要分离吗
JavaScript(JS)和HTML代码的分离虽非绝对必要,但通常被推荐
|
8天前
|
自然语言处理 JavaScript 前端开发
探索JavaScript中的闭包:从基础概念到实际应用
本文深入探讨了JavaScript中闭包的概念,从定义、作用域链和实际应用等方面进行了详细阐述。通过生动的比喻和实例代码,帮助读者理解闭包在函数执行上下文中的重要性,以及如何在实际开发中有效利用闭包解决复杂问题。同时,文章也指出了过度使用闭包可能导致的潜在问题,并给出了相应的优化建议。
|
11天前
|
移动开发 JavaScript 安全
总有一款适合您分享78个JS相册代码
本文分享了78款JS相册代码,包括3D相册旋转木马、图片悬浮效果、倾斜图片幻灯片切换等特效,适用于各种图片展示场景。无论您需要哪种样式,都能在这里找到满意的解决方案。快来挑选吧!参考链接:[点击这里](https://www.vipwb.com/sitemap.xml)。
23 4
|
12天前
|
JavaScript
分享一款520表白节JS代码
今天给大家分享一款JS表白源码 js会随 随机颜色心形跟随鼠标互动520表白节女神表白利器! 修改的话就搜索:LOVEh 就能找到这个英文了。
7 0
分享一款520表白节JS代码
|
16天前
|
JavaScript API 数据库
深入理解Node.js事件循环及其在后端开发中的应用
【9月更文挑战第3天】本文将深入浅出地介绍Node.js的事件循环机制,探讨其非阻塞I/O模型和如何在后端开发中利用这一特性来处理高并发请求。通过实际的代码示例,我们将看到如何有效地使用异步操作来优化应用性能。文章旨在为读者揭示Node.js在后端开发中的核心优势和应用场景,帮助开发者更好地理解和运用事件循环来构建高性能的后端服务。
|
19天前
|
JSON JavaScript 前端开发
如何使用代码注释:关于JavaScript与TypeScript
TSDoc是一种标准化TypeScript代码文档注释的规范,使不同工具能无干扰地提取内容。它包括多种标记,如@alpha、@beta等发布阶段标记;@decorator、@deprecated等功能标记;@defaultValue、@eventProperty等描述标记;@example、@experimental等示例与实验性标记;@inheritDoc、@internal等引用与内部标记;@label、@link等链接标记;@override、@sealed等修饰符标记;以及@packageDocumentation、@param、
25 5
|
17天前
|
缓存 JavaScript 前端开发
JavaScript模块化开发:ES6模块与CommonJs的对比与应用
JavaScript模块化开发:ES6模块与CommonJs的对比与应用
17 2
|
20天前
|
机器学习/深度学习 存储 前端开发
实战揭秘:如何借助TensorFlow.js的强大力量,轻松将高效能的机器学习模型无缝集成到Web浏览器中,从而打造智能化的前端应用并优化用户体验
【8月更文挑战第31天】将机器学习模型集成到Web应用中,可让用户在浏览器内体验智能化功能。TensorFlow.js作为在客户端浏览器中运行的库,提供了强大支持。本文通过问答形式详细介绍如何使用TensorFlow.js将机器学习模型带入Web浏览器,并通过具体示例代码展示最佳实践。首先,需在HTML文件中引入TensorFlow.js库;接着,可通过加载预训练模型如MobileNet实现图像分类;然后,编写代码处理图像识别并显示结果;此外,还介绍了如何训练自定义模型及优化模型性能的方法,包括模型量化、剪枝和压缩等。
27 1
|
17天前
|
Web App开发 JavaScript 前端开发
JavaScript基础知识-使用Firefox进行代码的调试(Debug)
关于如何使用Firefox浏览器进行JavaScript代码调试的基础知识介绍。
29 0