table-hover.zip
大小:11.57KB
价格:41积分
下载量:0
评分:
5.0
上传者:2401_85658563
更新日期:2024-09-11

table-hover.zip

资源文件列表(大概)

文件名
大小
table-hover/
-
table-hover/.vs/
-
table-hover/.vs/ProjectSettings.json
37B
__MACOSX/
-
__MACOSX/table-hover/
-
__MACOSX/table-hover/.vs/
-
__MACOSX/table-hover/.vs/._ProjectSettings.json
241B
table-hover/.vs/slnx.sqlite
72KB
__MACOSX/table-hover/.vs/._slnx.sqlite
241B
table-hover/.vs/table-hover/
-
table-hover/.vs/table-hover/v15/
-
table-hover/.vs/table-hover/v15/.suo
13.5KB
__MACOSX/table-hover/.vs/table-hover/
-
__MACOSX/table-hover/.vs/table-hover/v15/
-
__MACOSX/table-hover/.vs/table-hover/v15/._.suo
241B
__MACOSX/table-hover/.vs/table-hover/._v15
205B
__MACOSX/table-hover/.vs/._table-hover
205B
table-hover/.vs/VSWorkspaceState.json
78B
__MACOSX/table-hover/.vs/._VSWorkspaceState.json
241B
__MACOSX/table-hover/._.vs
205B
table-hover/table-hover.html
2.6KB
__MACOSX/table-hover/._table-hover.html
297B
__MACOSX/._table-hover
205B

资源内容介绍

table-hover.zip
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>表格行悬停提示效果</title> <style> #table-hover { width: 80%; margin: 10px auto; border-collapse: collapse; } thead { font-weight: bold; background-color: #f5f5f5; } td { border: 1px solid #333; padding: 6px; text-align: center; } </style></head><body> <table id="table-hover"> <thead> <tr> <td>序号</td> <td>学号</td> <td>姓名</td> <td>手机电话</td> <td>QQ号码</td> </tr> </thead> <tbody> <tr> <td>1</td> <td>2015553101</td> <td>前端工程师1</td> <td>13566990001</td> <td>4498465741</td> </tr> <tr> <td>2</td> <td>2015553102</td> <td>前端工程师2</td> <td>13566990002</td> <td>4498465742</td> </tr> <tr> <td>3</td> <td>2015553103</td> <td>前端工程师3</td> <td>13566990003</td> <td>4498465743</td> </tr> <tr> <td>4</td> <td>2015553104</td> <td>前端工程师4</td> <td>13566990004</td> <td>4498465744</td> </tr> <tr> <td>5</td> <td>2015553105</td> <td>前端工程师5</td> <td>13566990005</td> <td>4498465745</td> </tr> </tbody> </table> <script> var trs = document.getElementById("table-hover").getElementsByTagName("tr"); for (var row = 0, len = trs.length; row < len; row++) { trs[row].addEventListener("mouseover", function () { this.style.backgroundColor = "#f5f5f5"; this.style.fontWeight = "bold" }); trs[row].addEventListener("mouseout", function () { this.style.backgroundColor = ""; this.style.fontWeight = "normal"; }); } </script></body></html>

用户评论 (0)

发表评论

captcha

相关资源

Java在线客服系统源码 企业网站客服聊天源码 网页客服源码开发环境:Java + Spring boot + mysql

Java在线客服系统源码 企业网站客服聊天源码 网页客服源码开发环境:Java + Spring boot + mysql + 通信技术:netty框架后台管理 首页-工作绩效(会话、邀请、拒绝、已接待、平均会话时长)统计 首页-在线客服业务概况(访客:已邀请 已拒绝、坐席:在线 全部、会话:服务 排队、统计:IP PV)数实时统计 首页-当前在线用户列表 坐席对话(对话聊天窗口、转接对话、结束对话、服务小结)、访客信息、拉黑访客 系统设置(系统概况 用户和组 用户账号 系统角色 组织机构 客服接入 网站列表 系统日志 所有日志 错误日志 警告日志 输出日志 审计日志 操作日志 日志概况 系统设置 系统设置 字典管理 元数据 系统模板 邮件通知设置 短信通知设置 在线客服业务概况

313.3KB13积分

家庭能源管理matlab采用matlab编制家庭能源管理程序,包括各种家用电器的调度运行策略,程序通用性好

家庭能源管理matlab采用matlab编制家庭能源管理程序,包括各种家用电器的调度运行策略,程序通用性好。

49.31KB18积分

平行泊车和垂直泊车的程序代码,基于MATLAB开发,包含代码和说明文档

平行泊车和垂直泊车的程序代码,基于MATLAB开发,包含代码和说明文档

259.62KB49积分

MATLAB编程:基于串并联Sagnac环的微波光子滤波器滤波响应频率响应分析

MATLAB编程:基于串并联Sagnac环的微波光子滤波器滤波响应频率响应分析。

457.46KB32积分