设置表格奇偶行不同颜色,鼠标划过变色的javascript代码

原创 2004年06月30日 19:05:00

<script language="javascript">

function tr_onmouseover(){
 eval("this.style.backgroundColor='#EFEFEF';");
}
function tr_onmouseout_grey(){
 eval("this.style.backgroundColor='#F9F9F9';");
}
function tr_onmouseout_white(){
 eval("this.style.backgroundColor='#FFFFFF';");
}
function document_onload(){
 var i;
 for(i=0;i<tlist.rows.length;i++){
  if(i%2==0){
   tlist.rows( i ).style.backgroundColor="#F9F9F9";
   tlist.rows( i ).onmouseout=tr_onmouseout_grey;
  }
  else{
   tlist.rows( i ).onmouseout=tr_onmouseout_white;
  }
  tlist.rows( i ).onmouseover=tr_onmouseover;
 }
}
</script>

将以上代码添加在<head>之间,将要设定的表格中添加<table id="tlist">即可

jquery 控制html页面表格当中奇偶行颜色不同 鼠标悬停变色

jQuery一句话搞定 $(document).ready(function() { //奇偶行分色 jquery一句搞定 就是这么简单 $("tr:even").css("backgr...
  • weishuxiao1
  • weishuxiao1
  • 2014年07月11日 16:42
  • 1119

纯CSS实现 table 表格奇偶行不同颜色

[摘要]本文介绍纯CSS实现 table 表格奇偶行不同颜色,并提供详细的示例代码供参考。 CSS代码: View Row Code 1 .table-...
  • jinyeweiyang
  • jinyeweiyang
  • 2014年09月29日 17:27
  • 3122

jquery表格奇偶行设置不同颜色

这是一个比较实用的功能,设置奇偶行颜色不同后阅读表格数据的体验明显变好,否则数据会显得非常繁杂拥挤(当表格数据行多时体验尤为明显)。只有当你自己真正做这方面的东西接触到时才有强烈的体会,反正我是刚刚经...
  • u010666109
  • u010666109
  • 2013年12月24日 00:37
  • 1588

css控制表格样式 鼠标经过变色效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">鼠标经过变色.datalist{ border:1px solid #0058a3; ...
  • milk1626
  • milk1626
  • 2010年01月21日 10:40
  • 2885

QTableWidget实现鼠标移动整行颜色变化

QTableWidget实现鼠标移动整行颜色变化困扰了本人很久的一个问题就是QTableWidget的qss样式只能提供每个item:hover时的样式变化,而我们想要实现的是一整行的样式变化,在不断...
  • m0_37907070
  • m0_37907070
  • 2017年11月27日 10:38
  • 80

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

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

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

/**         *table变色方法          *         *@param tableId 需要设置变色的table的ID         *@param overCo...
  • qq_27966627
  • qq_27966627
  • 2015年10月22日 17:24
  • 1381

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

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

#学习笔记#(5)表格奇偶行颜色样式JavaScript+CSS+HTML

表格奇偶行样式 .odd { background:#ffffee; } .even { background:#fff38f; } .first { background:red;...
  • qq_24734285
  • qq_24734285
  • 2015年12月04日 10:15
  • 1277

JQuery来控制表格奇偶行的不同背景颜色显示

概述:JQuery通过操作DOM来控制页面的显示。来看代码:       jQuery使不同行变不同的颜色    -->     .odd{background-color:#FFCCFF;} .e...
  • lishirong
  • lishirong
  • 2014年12月02日 09:48
  • 1126
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:设置表格奇偶行不同颜色,鼠标划过变色的javascript代码
举报原因:
原因补充:

(最多只允许输入30个字)