你的位置:首页 > Java教程

[Java教程]表格过滤器


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html $(function(){  /*  //第一种方法  $('.a').css('background','#f00');  $('.b').css('background','#f0f');  $('.c').css('background','#00f');  $('.d').css('background','#ff0');  $('.e').css('background','#f0f');  */  /*  //第二种方法  $('table tr:first').css('background-color','#f00');  $('table tr:last').css('background-color','#f00');    $('table tr:odd').css('background-color','#f00');  */    $('table tr:even').css('background-color','#f00');  });     /* 当鼠标移到表格上是,当前一行背景变色 */   $(document).ready(function(){      $(".data_list tr td").mouseover(function(){        $(this).parent().find("td").css("background-color","#d5f4fe");      });   })   /* 当鼠标在表格上移动时,离开的那一行背景恢复 */   $(document).ready(function(){       $(".data_list tr td").mouseout(function(){        var bgc = $(this).parent().attr("bg");        $(this).parent().find("td").css("background-color",bgc);      });   })    </script></head><body><center><table width="500" border="1" height="500"> <tr>  <td >&nbsp;</td> </tr> <tr>  <td >&nbsp;</td> </tr> <tr>  <td >&nbsp;</td> </tr> <tr>  <td >&nbsp;</td> </tr> <tr>  <td >&nbsp;</td> </tr></table></center></body></html>