（关于onMouseOver、onMouseOut、onClick后的动作）请问这个效果如何实现？

有两个单元格（tr），命名为tr_A和tr_B，初始的时候，tr_B的背景色为red，tr_A的背景色为white，要求实现如下效果：  
1.当鼠标移动到tr_A时（onMouseOver）：tr_A的背景色变为balck；  
2.当鼠标离开tr_A时（onMouseOut）：tr_A的背景色变为white；  
3.当鼠标点击tr_A时（onClick）：tr_A的背景色变成red，而tr_B的背景色变成white；并且鼠标再次移动到tr_A时，背景色不变，直到tr_B被点击后才会再继续变色。  

以上步骤要求能循环实现，请问如何编写js？谢谢各位！