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

Else , 2010/07/17 11:51 , 代码片段,演示也有 , Comments(0) , Reads(715) , Via Original
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;
}

效果显示Open in new window
Tags:
Add a comment

Nickname

Site URI

Email

Enable HTML Enable UBB Enable Emots Hidden Remember [Login] [Register]