jquery处理表格四个颜色的效果

Else , 2010/07/17 11:51 , 代码片段，演示也有 , 评论(0) , 阅读(201) , Via 本站原创

jquery代码

$(document).ready(function(){
  //$(".trclass:odd>td").addClass("tr1");
  $(".trclass:even>td").addClass("tr2");
  $(".trclass>td").mouseover(function(){
      $(this).siblings().addClass("tr3");
    $(this).addClass("tr4");
    }).mouseout(function(){
    $(this).siblings().removeClass("tr3");
    $(this).removeClass("tr4");
      });


    });

css的代码

  .tr1{
  background-color:#EEF7FD;
}
  .tr2{
  background-color:#E2F2FC;
}
  .tr3
{
  background-color:#C1E6F9;
}
  .tr4
{
  background-color:#97D1F4;
}

效果显示