关闭

jquery 鼠标经过行变色

标签: cssjquery
202人阅读 评论(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");
            })
        });  
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

js 当鼠标移动到表格一行上时,该行背景颜色改变

1. js,当鼠标移动到表格一行上时,该行背景颜色改变 var rows=document.getElementsByTagName('tr') for(var i=0;i<rows.le...
  • xyr05288
  • xyr05288
  • 2015-05-08 15:07
  • 3895

js Table鼠标滑过变色,单击变色,隐藏某列的方法

/**         *table变色方法          *         *@param tableId 需要设置变色的table的ID   ...
  • qq_27966627
  • qq_27966627
  • 2015-10-22 17:24
  • 1310

css3+html+Jquery实现鼠标滑过图片切换效果

css3+html+Jquery实现鼠标滑过图片切换效果 position:relative;/*相对定位:参考物*/ overflow:hidden;/*超出隐藏*/
  • CSDN___LYY
  • CSDN___LYY
  • 2017-03-26 18:57
  • 1425

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

一、隔行换色 [javascript] view plaincopy $("tr:odd").css("background-color","#eeeeee");  $("tr...
  • u010784570
  • u010784570
  • 2014-06-25 14:33
  • 547

js实现隔行变色操作鼠标经过效果

js实现隔行变色操作鼠标经过效果,下面是javascript代码 /**隔行变色**/ function changColor() { var table_Eleme...
  • yuxingxing198812
  • yuxingxing198812
  • 2013-11-25 16:05
  • 452

jsp制作复合表头并循环产生表格内容,控制隔行变色、鼠标经过改变背景色等操作

http://shop59544428.taobao.com/    pageEncoding="UTF-8"%> 协同单统计管理 ...
  • liuzhen917
  • liuzhen917
  • 2013-03-16 10:51
  • 3094

js 特效 html 特效 鼠标经过文字变色

  • 2011-08-25 21:33
  • 6KB
  • 下载

js 实现 鼠标经过表格时列变色

  • 2010-03-31 11:48
  • 957B
  • 下载

div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式

$("table tr").eq(1).remove();              //删除第一行数据 $("#tbl1").find("tr").eq(0).remo...
  • KingCruel
  • KingCruel
  • 2013-08-30 10:24
  • 12022

关于select下拉框最后一项鼠标经过不能变色及设置宽度后下拉框无法滚动的bug?

浏览器环境:Chrome v32.0.1700.76 m 操作系统: Windows7 页面demo: Examples 1 2 3 4 ...
  • BJ_benjamin
  • BJ_benjamin
  • 2014-01-24 12:57
  • 1188
    个人资料
    • 访问:34022次
    • 积分:1928
    • 等级:
    • 排名:千里之外
    • 原创:159篇
    • 转载:8篇
    • 译文:3篇
    • 评论:2条
    文章分类
    最新评论