表格效果
.highlight
{
background-color: red;
}
.selected
{
background-color: blue;
}
.style1
{
width: 247px;
}
.tr_w{background-color: white; }
.tr_g{background-color: #808080; }
$(function () {
$("tr").click(function () {
$(this).toggleClass("selected");
});
$("tr").hover(
function () { $(this).removeClass("tr_g tr_w").addClass("highlight"); },
function () { if(!$(this).hasClass("selected")){table_tr();$(this).removeClass("highlight");} }
);
table_tr();
});
function table_tr(){
$("tr:odd").addClass("tr_g"); //先排除第一行,然后给奇数行添加样式
$("tr:even").addClass("tr_w"); //先排除第一行,然后给偶数行添加样式
}
12
|
12
|
12
12
|
12
|
12
