CSDN论坛 > Web 开发 > ASP

请教如何将以下函数改为当鼠标移上去时表格的整行都变色? [问题点数:30分,结帖人madBT]

Bbs2
本版专家分:194
结帖率 100%
CSDN今日推荐
Bbs4
本版专家分:1608
Bbs5
本版专家分:2140
Bbs3
本版专家分:912
Bbs5
本版专家分:3551
Bbs6
本版专家分:6747
Bbs5
本版专家分:3551
Bbs5
本版专家分:2130
Bbs2
本版专家分:194
匿名用户不能发表回复!
其他相关推荐
利用jQuery的组合实现表格的奇偶行背景色,并设置鼠标移动到表格行上时行的背景色。
<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title></title>        <script src="js/jquery-1.11.0.js"></s
jsp表格中实现鼠标放到某一行,使这行背景变色,移开时背景色还原。
思路:1、了解js获取表中tr。     2、了解鼠标移上、移出方法。             3、了解js中替换css中样式。 //获取tr         var rows = document.getElementsByTagName('tr'); //鼠标放在、或移出表格中某一行的效果。 for(int i=0;i if() }
鼠标划过表格行变色效果JS
/* 当鼠标移到表格上是,当前一行背景变色 */       $(document).ready(function(){             $(".g-sun-li tr td").mouseover(function(){                 $(this).parent().find("td").css("background-color","#fff2cc");  
【Html】鼠标移动上去变色&移动上去变小手
写在前面: 我是搞设计的,
用jQuery一句话实现鼠标移上变色
按钮移上变色效果         $('.round-corner-btn').hover(function(){             $(this).toggleClass('btn-hover', 200);         })
鼠标经过超链接上,元素(li)背景变色的代码
鼠标经过超链接上,元素(li)背景变色的代码 效果如下图 要实现这个效果。很简单。 定义CSS样式 a:hover{    background:#f29901;}这段代码的显示效果如下图显然,这样太丑了。只需要再加上一句a:hover{    background:#f29901;    display:block;}即可如效果图所示,当鼠标移动到超链接上的时候,整个l
【HTML】—鼠标移入或移出表格,表格变色
本文积累了几种鼠标移入或者移出html的table表格时,表格背景色变化的几种方法。 一、利用样式CSS表达式 在样式里写表达式expression,实现鼠标经过表格行上变色,但在firefox里无效果。 完整代码如下: 在样式里写表达式expression,实现鼠标经过表格行上变色 .tbDatalist {
jquery实现鼠标悬停单元格变色
.hover{ background-color: #ccc;cursor:pointer;} .selected{background-color:gray;color:#666;cursorf:auto;}            获取数据             年龄年龄年龄年龄年龄     年龄年龄年龄年龄年龄     年龄年龄年龄年龄年龄     年龄年龄
鼠标移到表格的某一行,那一行变色的问题
这个实现的过程很简单,网上相关实现的例子很多,这里记录下自己之前实现的方法。参考的网上的例子,网址不记得了。  这个问题简单点就是鼠标响应事件。 下面放代码     var rows = document.getElementsByTagName('tr');//取得行         for(var i=0 ;i         {             r
当鼠标移到单元格(tr、td)背景变色 多种解决方案
第一种: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
关闭
关闭