jquery實現隔行變色,點擊換色,滑鼠懸浮當前行變色效果,離開恢複原色。綠色為點擊後的 顏色。灰色為滑鼠放上去的顏色 <script type="text/javascript"> $(function () { odd_even(); $(".nlist_1s").each(function () { var _color = $(this).css("backgroundColor"); $(this).hover(function () { if (parseInt($(this).attr("class").indexOf("checked")) == -1) { $(this).css({ "backgroundColor": "#cccccc", "color": "black" }); } }, function () { if (parseInt($(this).attr("class").indexOf("checked")) == -1) { $(this).css({ "backgroundColor": _color, "color": "#535353" }); } }); $(this).click(function () { //所有行 odd_even(); //當前行 $(this).css({ "backgroundColor": "#479423", "color": "#ffffff" }).addClass("checked"); }); }); }); function odd_even() { //偶數行 第一行為偶數0行 $(".nlist_1s:odd").css({ "backgroundColor": "#E5F5FF", "color": "#535353" }); //奇數行 $(".nlist_1s:even").css({ "backgroundColor": "transparent", "color": "#535353" }); } </script>