精通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,如需转载请自行联系原作者


目录
相关文章
|
20天前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
102 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
18天前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
46 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
3月前
|
监控 JavaScript 算法
如何使用内存监控工具来定位和解决Node.js应用中的性能问题?
总之,利用内存监控工具结合代码分析和业务理解,能够逐步定位和解决 Node.js 应用中的性能问题,提高应用的运行效率和稳定性。需要耐心和细致地进行排查和优化,不断提升应用的性能表现。
218 77
|
20天前
|
缓存 NoSQL JavaScript
Vue.js应用结合Redis数据库:实践与优化
将Vue.js应用与Redis结合,可以实现高效的数据管理和快速响应的用户体验。通过合理的实践步骤和优化策略,可以充分发挥两者的优势,提高应用的性能和可靠性。希望本文能为您在实际开发中提供有价值的参考。
46 11
|
1月前
|
敏捷开发 人工智能 JavaScript
Figma-Low-Code:快速将Figma设计转换为Vue.js应用,支持低代码渲染、数据绑定
Figma-Low-Code 是一个开源项目,能够直接将 Figma 设计转换为 Vue.js 应用程序,减少设计师与开发者之间的交接时间,支持低代码渲染和数据绑定。
88 3
Figma-Low-Code:快速将Figma设计转换为Vue.js应用,支持低代码渲染、数据绑定
|
21天前
|
人工智能 JavaScript 前端开发
一段 JavaScript 代码,集成网站AI语音助手
根据本教程,只需通过白屏化的界面操作,即可快速构建一个专属的AI智能体。
|
3月前
|
存储 缓存 JavaScript
如何优化Node.js应用的内存使用以提高性能?
通过以上多种方法的综合运用,可以有效地优化 Node.js 应用的内存使用,提高性能,提升用户体验。同时,不断关注内存管理的最新技术和最佳实践,持续改进应用的性能表现。
162 62
|
30天前
|
JavaScript 前端开发
【Vue.js】监听器功能(EventListener)的实际应用【合集】
而此次问题的核心就在于,Vue实例化的时机过早,在其所依赖的DOM结构尚未完整构建完成时就已启动挂载流程,从而导致无法找到对应的DOM元素,最终致使计算器功能出现异常,输出框错误地显示“{{current}}”,并且按钮的交互功能也完全丧失响应。为了让代码结构更为清晰,便于后续的维护与管理工作,我打算把HTML文件中标签内的JavaScript代码迁移到外部的JS文件里,随后在HTML文件中对其进行引用。
44 8
|
2月前
|
JavaScript 前端开发 测试技术
在 golang 中执行 javascript 代码的方案详解
本文介绍了在 Golang 中执行 JavaScript 代码的四种方法:使用 `otto` 和 `goja` 嵌入式 JavaScript 引擎、通过 `os/exec` 调用 Node.js 外部进程以及使用 WebView 嵌入浏览器。每种方法都有其适用场景,如嵌入简单脚本、运行复杂 Node.js 脚本或在桌面应用中显示 Web 内容。
132 15
在 golang 中执行 javascript 代码的方案详解
|
17天前
|
监控 安全 中间件
Next.js 实战 (十):中间件的魅力,打造更快更安全的应用
这篇文章介绍了什么是Next.js中的中间件以及其应用场景。中间件可以用于处理每个传入请求,比如实现日志记录、身份验证、重定向、CORS配置等功能。文章还提供了一个身份验证中间件的示例代码,以及如何使用限流中间件来限制同一IP地址的请求次数。中间件相当于一个构建模块,能够简化HTTP请求的预处理和后处理,提高代码的可维护性,有助于创建快速、安全和用户友好的Web体验。

热门文章

最新文章