首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-10-29 
用jquery和css使表格颜色变化的一些代码js $(document).ready(function(){$(tr:has(th)).css({ backgou

用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;

}

热点排行