日期:2014-05-17  浏览次数:20618 次

用jquery和css使表格颜色变化的一些代码
js

$(document).ready(function(){
  $("tr:has(th)").css(  
  { "backgound-color":"666666","color":"white","font-size":"0.9em"} 
  );
 
  $("tr:even").addClass("myeven");
  $("tr:odd").addClass("myodd");
 
  //相当于。hover 相当于mouse out 和over
  $("tr:not(has(th))").hover( 
     function(){ $(this).addClass("mytr");},
function(){$(this).removeClass("mytr");}
  );
  $("td").hover(
   function(){$(this).addClass("mytd");},
   function(){$(this).removeClass("mytd");}
    );

css

.myeven{
text-align:left;
background-color:#666699;
color:white;
}

.myodd{
text-align:left;
background-color:#669999;
color:white;

}

#formOne{
    padding-left:100px;

}

/* 移动上去变化的css */
.mytr{
     background-color:#ff9933;
color:black;

}
.mytd{
text-align:center;
    background-color:#0F0;
color:black;

}