社区
JavaScript
帖子详情
怎样模拟当mouse在table中某一个单元格时,将该整行的td都高亮显示?
wealth
2003-01-02 01:46:59
怎样模拟当mouse在table中某一个单元格时,将该整行的td都高亮显示?
...全文
49
3
打赏
收藏
怎样模拟当mouse在table中某一个单元格时,将该整行的td都高亮显示?
怎样模拟当mouse在table中某一个单元格时,将该整行的td都高亮显示?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
wealth
2003-01-02
打赏
举报
回复
thanks all
Reker熊
2003-01-02
打赏
举报
回复
<table id=a1 onclick=change() border=1>
<tr><td>123</td><td>123</td></tr>
<tr><td>134</td><td>134</td></tr>
<tr><td>144</td><td>144</td></tr>
</table>
<script>
var curr
function change(){
if(curr!=null){
document.all.a1.rows[curr].style.background=document.bgColor
document.all.a1.rows[curr].style.color=document.fgColor
}
document.all.a1.rows[event.srcElement.parentElement.rowIndex].style.background=document.fgColor
document.all.a1.rows[event.srcElement.parentElement.rowIndex].style.color=document.bgColor
curr=event.srcElement.parentElement.rowIndex
}
</script>
自己改改
lbd8848
2003-01-02
打赏
举报
回复
<table border=1 width=300 bgcolor=#888888>
<tr id=aa onmouseover="aa.style.background='#ffffff'"
onmouseout="aa.style.background='#888888'"><td>11111</td><td>2222222</td></tr>
<tr><td>66666</td><td>3333333</td></tr>
<tr><td>44444</td><td>4444444</td></tr>
</table>
一个
JS实现简单的鼠标滑过表格
整行
或者整列动态
高亮显示
效果.zip
在这个例子
中
,它用于监听鼠标的移动事件,当鼠标移动到表格的某一行或某一列
时
,触发相应的
高亮显示
效果。 接着,让我们分析实现这个功能的关键步骤: 1. **创建HTML表格**:基础的HTML结构包括
一个
`<
table
>`元素...
当鼠标滑过表格
时
,表格的行会
高亮显示
,鼠标离开颜色复原,如果鼠标点击,点击行会保存为红色不变
- 鼠标悬停(`:hover`)状态下,我们可以为`<tr>`定义
一个
类,例如`.hover`, 并设置背景色等样式,使得鼠标经过
时
行变高亮。例如: ```css tr.hover { background-color: #f0f0f0; /* 或者其他您选择的颜色 */ ...
77、jquery表格交叉
高亮显示
当鼠标悬停在
一个
单元格
上
时
,我们不仅要高亮当前
单元格
,还要高亮同一行和同一列的其他
单元格
。这涉及到对表格布局的理解以及对jQuery的熟练运用。 1. **选择器与事件监听**:使用jQuery的选择器找到所有的表格...
jquery表格交叉
高亮显示
.rar
本主题聚焦于"jquery表格交叉
高亮显示
",这通常涉及到在用户交互
时
,如鼠标悬停或点击,动态改变表格
单元格
的样式,以突出显示特定的行或列。这种效果在数据可视化和分析
中
非常有用,因为它可以帮助用户快速识别和...
jquery实现的超帅动态表格交叉变色
高亮显示
效果.zip
在描述
中
提到的“交叉变色
高亮显示
效果”,可能指的是当用户滚动或鼠标悬停在表格上
时
,行与列的交界处的
单元格
会改变颜色,以提供更好的视觉反馈。这通常涉及到CSS样式和jQuery的事件监听。例如,可以为表格添加`:...
JavaScript
87,996
社区成员
224,693
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章