jquery 鼠标经过行变色

标签: css jquery
236人阅读 评论(0) 收藏 举报
分类:

<style>   

 .hover {
            background-color: #ff0000;
        }

</style>


方法1:

 $(document).ready(function () {
            $("tr").bind("mouseover", function () {
                $(this).css("background-color", "#eeeeee");
            })
            $("tr").bind("mouseout", function () {
               $(this).css("background-color", "#ffffff");           
            })
        }); 

方法2:
$(document).ready(function () {
            $("tr").bind("mouseover", function () {
                $(this).addClass("hover");
            })
            $("tr").bind("mouseout", function () {
                $(this).removeClass("hover");
            })
        });  
查看评论

jQuery实现table隔行换色和鼠标经过变色

jQuery实现table隔行换色和鼠标经过变色 一、隔行换色 $("tr:odd").css("background-color","#eeeeee"); $("tr:even").css("bac...
  • itmyhome
  • itmyhome
  • 2014-06-14 22:33:25
  • 4943

JQuery 鼠标移动Table行变色

$(function () {             //获取Table的ID为GridView1,找到tr,添加移动事件,移动到哪行则哪行添加样式,兄弟行则移除样式             $...
  • zhuyu19911016520
  • zhuyu19911016520
  • 2013-09-19 20:36:25
  • 687

jquery动态添加的表格行鼠标经过时候改变行的背景颜色

遇到个小意外。 问题:我的表格是 用append()动态添加的表格行,实现表格鼠标经过 行 时候高亮显示,用bind(),或者.mouseover()+.mouseout()方法不起作用 $("...
  • dahuzix
  • dahuzix
  • 2013-07-31 22:45:38
  • 2034

鼠标划过表格行变色效果JS

/* 当鼠标移到表格上是,当前一行背景变色 */       $(document).ready(function(){             $(".g-sun-li tr td").mous...
  • zl1zl2zl3
  • zl1zl2zl3
  • 2015-07-21 09:45:25
  • 1021

jQuery学习心得----鼠标经过时改变table行的背景色

学习了jQuery选择器,下面给大家一个关于选择器的例子,注释很详细,大家可以自己体会。                 Title     .tr1{background-colo...
  • ClareQi
  • ClareQi
  • 2016-08-30 11:33:36
  • 1862

jQuery实现table表格隔行换色鼠标经过变色

//初学者可以看下挺简单的实现方法 隔行变色 .one{ background:#C00; } .two{ background:#09F; } .three{ back...
  • xi_weina
  • xi_weina
  • 2012-03-19 22:06:10
  • 4059

ASP.NET中GridView实现行鼠标滑过及选择变色

一、 复制去Google翻译翻译结果
  • u010568463
  • u010568463
  • 2015-04-02 18:43:35
  • 1048

jquery隔行换色和鼠标移动、离开当前行颜色变化

jquery隔行换色   table,tr,td{border:1px solid blue;color:red;text-align:left;font-size:24px}   tbo...
  • zhenlai2012
  • zhenlai2012
  • 2013-01-16 22:49:02
  • 3142

javascript鼠标经过背景色和字体颜色改变

Insert title here function over(obj){ obj.style.backgroundColor="blue"; obj.style.color="whi...
  • liangwenmail
  • liangwenmail
  • 2015-09-21 21:25:20
  • 1905

HTML中实现鼠标经停整行(tr)变色

在网页制作的过程中有时候要实现那种在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点,网上有一大堆这方面的代码,但是好多都还要加上一大堆得javascript代码,本人再次...
  • ljgllxyz
  • ljgllxyz
  • 2012-08-17 10:38:14
  • 11749
    个人资料
    持之以恒
    等级:
    访问量: 4万+
    积分: 2198
    排名: 2万+
    最新评论