jquery学习笔记(一)

实现鼠标的移入移出效果 很大众的效果

window.onload = function (){
                $("#sss>tbody tr:even").addClass("even");
                $("#sss>tbody tr:odd").addClass("odd");
                $("#sss>tbody tr").bind("mouseover",function(){$(this).removeClass().addClass("news");});
                $("#sss>tbody tr").bind("mouseout",function(){
                    var rows = $(this).prevAll().length;
                    if(rows%2 == 0){
                        $(this).removeClass().addClass("even");
                    }
                    else {
                        $(this).removeClass().addClass("odd");
                    }
                });
            }

 css  样式我就不写明了。。自己定义吧。。嘿嘿