jquery处理表格四个颜色的效果
jquery代码
css的代码
效果显示
$(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");
});
});
//$(".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;
}
background-color:#EEF7FD;
}
.tr2{
background-color:#E2F2FC;
}
.tr3
{
background-color:#C1E6F9;
}
.tr4
{
background-color:#97D1F4;
}
效果显示
firefox3.6 ie8 jQuery选择checkbox的问题的解决办法!
昨天昨天
