鼠标划过表格行变色效果JS

<!--鼠标滑过表格行变色效果开始-->
<script type="text/javascript">
        /* 当鼠标移到表格上是，当前一行背景变色 */
      $(document).ready(function(){
            $(".g-sun-li tr td").mouseover(function(){
                $(this).parent().find("td").css("background-color","#fff2cc");
            });
      })
      /* 当鼠标在表格上移动时，离开的那一行背景恢复 */
      $(document).ready(function(){ 
            $(".g-sun-li tr td").mouseout(function(){
                var bgc = $(this).parent().attr("bg");
                $(this).parent().find("td").css("background-color",bgc);
            });
      })
      
      $(document).ready(function(){ 
            var color="#f7f7f7"
            $(".g-sun-li tr:odd td").css("background-color",color);  //改变偶数行背景色
            /* 把背景色保存到属性中 */
            $(".g-sun-li tr:odd").attr("bg",color);
            $(".g-sun-li tr:even").attr("bg","#fff");
      })
      </script>