js鼠标移动到某元素显示div的问题！

Question

如题：当鼠标移到a标签时显示一个div，
但鼠标如果离开a标签进入这个div内则不隐藏这个div，也就是说如果鼠标在a标签或在div的区域内则都不隐藏这个div，如果既不在a标签上也不在div内(当然指的是显示状态时)则隐藏这个div
希望能给个简单易懂的实例，不用jq最好了。。。
效果如图：

当鼠标移到“我的知道”时显示一个div，鼠标离开时有两种情况，移到这个div里面的话这个div也不消失，可以操作里面的内容，移到其他区域就隐藏！就是和百度这个效果一样！
我想已经描述得够清楚了 ，希望代码尽量简洁，别复制一大堆来

Answer 1

鼠标经过弹出浮动框的效果，实现方法有多种，这里列举2种常用的解决方法。代码直接贴上来不能正常显示，看附件。

方法A：

把浮动div和触发元素a放于同一个父级元素内，鼠标经过父级元素时触发显示。这样鼠标移动到div时仍然处于该父级元素内，则div不会隐藏。

方法B：

鼠标经过a时弹出div，鼠标离开a时设置一个计时器用来关闭div，如果鼠标移动到div后则清除计时器。