JQUery 光棒效果

 //光棒效果var _bgColor; //存放原始的 背景颜色$(document).ready(function(){ //所有的行鼠标移进时变色 $("tr").hover(function () { _bgColor = $(this)[0].style.backgroundColor; $(this).css({'background-color' : '#f5f5f5', 'font-weight' : 'bolder'}); }, //移除还原颜色 function () {var cssObj = {'background-color':_bgColor,'font-weight':''} $(this).css(cssObj); }); //交替行变色 var trs = $("table").find("tr"); for(i = 0;i<trs.length;i++) { var obj = trs[i]; if(i %2 == 0) obj.style.backgroundColor = "#F5FAFE"; }});

示例图如下：

当然 脚本可以再进行优化