jquery實現隔行變色，點擊換色，鼠標懸浮當前行變色效果,div+css 細表格樣式

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" }).removeClass("checked");
        //奇數行
        $(".nlist_1s:even").css({ "backgroundColor": "transparent", "color": "#535353" }).removeClass("checked");
    }
</script>

。綠色爲點擊後的 顏色

。灰色爲鼠標放上去的顏色