jQuery一句话搞定奇偶行颜色不同
$(document).ready(function() {
// 奇偶行分色 jquery一句搞定 就是这么简单
//$("tr:even").css("background-color","#B2E0FF");
$("tbody tr:even").addClass("sty_even");
//放上鼠标 改变颜色
$("#logtable tbody tr").hover(function() {
// $("#orderedlist li:last").hover(function() {
$(this).addClass("hover");
}, function() {
$(this).removeClass("hover");
});
// 下拉树形菜单
$(".user_done").click(function() {
$(".user_did"). toggle();
});
});
更简单的jquery实现悬浮变色方法:
$("tbody tr").hover(function() {
$(this).toggleClass("hover_tr");
});
注意:鼠标停时 是增加标签class 如果标签已有class,此时出现多个class 应将悬停时使用的class设置为important,覆盖其它
鼠标悬空时对应的css
.sty_even {
background-color:#B2E0FF;
}
.hover {
background:#b6c6d7 !important;
}