想问个广告弹粗出效果的问题

需求是:
通过把鼠标方到网页上的特定部位的时候,在鼠标旁边弹出图片或者其他的什么东西
个人的想法是:
设置一个不可见区
<div style="display:none" id="div1">
内容
</div>
当鼠标通过某一区域的时候触发onmouseover事件修改display的直
然后通过onmouseout 让div不可见
但是这样当鼠标移开指定区域的时候就会谈出的div就会消失
我现在想鼠标在广告上时这个弹出的div也不消失
只有在同时满足离开广告区域也指定的触发显示的区域的时候才消失
请问这个该怎么做???
给个思路就好
如果我这种方法不对还请指教