鼠标经过时改变表格行的背景颜色

于 2013-04-16 13:12:24 发布 355 收藏
分类专栏： 经(cǎi)验(kēng)总结 文章标签： UI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luanxiyuan/article/details/84419625
版权

鼠标经过时改变表格行的背景颜色：

<tr height="30px" οnmοuseοver="this.style.background='#E9E9E9'" οnmοuseοut="this.style.background='#FFFFFF'">

</tr>

如果想要改变该行下面的列的背景颜色，只需把它放到<td></td>标签里面即可

 

luanxiyuan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
QTableView鼠标滑过整行背景色改变.zip
07-09
QTableView鼠标滑过整行背景色改变 整理自：https://zhidao.baidu.com/question/572964103.html 的回答
js控制鼠标移动到表格的某一行时改变该行的背景色
墨墨_java进行中...
04-18 2185
var curRow=null; var curColor="#61c2e0"; /** * 当鼠标移动到表格的某一行时改变该行的背景色 * @param trObj：当前行 * @return */ function changeColor(trObj) { if (curRow) curRow.style.backgroundColor = "#def2f9"; // 先将
鼠标经过时，改变表格行、列的背景颜色
Loveit的专栏
09-27 712
TEST
关于element-ui中表格行鼠标经过背景色的设置100%有效
h33413398的博客
08-18 1641
鼠标默认经过为偏白色的背景色，我更改为了更符合项目主题的背景色 .el-table { // 每行鼠标经过得样式 .el-table__body tr:hover>td{ background-color: rgba($color: #284B5B, $alpha: .9)!important; } .el-table__body tr.current-row>td{ background-color: rgba($color: #284B5B, $alpha:.
当鼠标移动到表格的一行时这一行的背景颜色发生改变
muyuren123的博客
12-11 5890
当鼠标移动到表格的一行时这一行的背景颜色发生改变 方法一：       当鼠标经过表格的一行时这一行的背景颜色发生改变      table, th, tr, td{     width:500px;     border:1px solid red;     border-collapse:collapse;    }    tr, td{     text-
javasript | 鼠标经过表格行变色
最新发布
qq_44280408的博客
02-25 271
效果：鼠标浮动在哪行，哪行就变色 思路：一个table，table里面有thead和tbody，thead里面tr表示一行，th表示一格；tbody里面tr表示一行，td表示一格。 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l
dw怎么做html鼠标变化,dw鼠标经过单元格变色 DW 鼠标经过表格 背景变色
weixin_39675963的博客
06-04 5042
DW 鼠标经过表格 背景变色DW怎样实现当鼠标经过表格时改变表格的背景颜色?又怎样应用到想要的行和列 或者某也单元格?。。。给你想要改颜色的单元格取得名字,然后在行为里添加一个onMouseOver事件,事件内容为改变属性,在改变属性对话框中选择刚才取名字的那个单元格,将backgroundColor属性改成你要的就行了,同样再添加一个onMouseOut事件.Dreamweaver中 鼠标经过一...
案例：表格鼠标经过变色 / 全选反选
weixin_50119334的博客
10-02 170
案例一：表格鼠标经过变色 案例：用到鼠标事件：鼠标经过 onmouseover 鼠标离开 onmouseout 思路：鼠标经过tr行，当前行变换背景颜色，鼠标离开去掉当前背景颜色 //注意：第一行（thead里面的行）不需要变换颜色，因此我们获取的是tbody里面的行 <style> table { width: 800px; margin: 100px auto; text-align: center; border-
当鼠标移到单元格(tr、td)背景变色 多种解决方案
zhouzilong502086525的专栏
03-23 1万+
第一种：td单元格变色，只用简单的js代码即可实现。很简洁的代码，点击即可运行该代码<br /><body><br /><table border="1px"><br /> <tr><br />  <th id="id_item1" onmouseover="this.bgColor='green'" onmouseout="this.bgColor=''">Menu Item1</th><br /> </tr><br /> <tr><br />  <th>Menu Item2</th><br /> </t
鼠标滑过table时修改表格行的背景颜色
weixin_30929195的博客
04-17 1480
方法一： #customers tr:hover { background-color: #f00; } 方法二： <tr onmouseover="style.backgroundColor='#FF9900'" onmouseout="style.backgroundColor='#FFFFFF'"> <td>Appl...
QT中，QTableView鼠标滑过某一item上时该item所在行的背景颜色变成其他颜色的实现方法
@奮 鬥@的专栏
08-22 8316
这个感觉挺简单的实现起来。
QTableWidget实现鼠标移动整行颜色变化
热门推荐
QT练手小程序
11-27 1万+
QTableWidget实现鼠标移动整行颜色变化困扰了本人很久的一个问题就是QTableWidget的qss样式只能提供每个item：hover时的样式变化，而我们想要实现的是一整行的样式变化，在不断的坚持下今天终于解决了，今天写下来方便大家查阅，希望能够帮到大家。 *主要的方法就是新建一个新类继承自QTableWidget，我这里的类名为SWTableWidget，然后在头文件和源文件中填写代码，
DataGrid单元格移动变色,点击变色,双击取消颜色,排序.
12-14 1848
实现:1.当鼠标移动到DataGrid的单元格时,单元格变色,并且单元格里的字体同时变色,鼠标变为手的形状.鼠标移出单元格,恢复原样.2.当鼠标点击DataGrid的单元格时,单元格变色,单元格上的显示字体变色;当点击另一个单元格时,前一个单元格以及字体颜色恢复原样,此时的单元格变色,字体变色.3.当双击DataGrid上单击时变色的单元格时,颜色取消,恢复原样.4.DataGrid按顺序(ASC
鼠标经过行时改变行的背景颜色
娟子
03-03 1083
  tr onmouseover="this.style.background=#eeeeee  "  onmouseout=" this.style.background=#ffffff  "> 
鼠标划过表格行变色效果JS
勇往直前的专栏
07-21 3131
&lt;!--鼠标滑过表格行变色效果开始--&gt; &lt;script type="text/javascript"&gt;         /* 当鼠标移到表格上是，当前一行背景变色 */       $(document).ready(function(){             $(".g-sun-li tr td").mouseover(function(){            ...
CSS实例：鼠标滑过超级链接文字时改变背景颜色
weixin_30455365的博客
06-04 773
先讲简单的： 通过CSS可以设置超链接在不同时刻的颜色： <style> a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FFFF} /* 已访问的链接 */ a:hover {color: #0000FF} /* 鼠标移动到链接上 */ a:active...
鼠标悬停在表格任意一个＜td＞上改变整行背景颜色并在第一个td显示象征性的某图片
leng0920的博客
08-18 5612
效果如图 正常效果 鼠标悬停效果 html代码 <div class="list-div" id="listDiv"> <table cellspacing='1' cellpadding='3'> <tr> <th>日志ID</th> <th>操作者</th> <th>操作日期</th> <th>ip地
鼠标悬停在td 上时，改变td的背景颜色。
hello_new_life的博客
11-10 3456
.css table tr td:hover{ background-color:red; } .html           自我评价         *和a 的处理方法相似，记得记忆反三哦！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luanxiyuan

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值