js,该怎么解决

js

如图

需求：
当鼠标悬停在绿色div时，显示红色div 。 
当鼠标移出绿色div时有两种情况
{
   
   a)鼠标从绿色div移出，但是移动进入红色div ，此时红色div继续显示。

   b)鼠标从绿色div移出，没有进入红色div。此时红色隐藏

}

------解决方案--------------------
你控制好onblur()和onFocus()事件咯,悬浮在上面就是onFocus()离开是onblur(),然后你自己控制div的显示和隐藏