js事件冒泡问题

今天在实现首页图片提示时遇到onmouseout和onmouseover问题折腾了我很久，后来才知道这是js事件冒泡导致了。

什么事js事件冒泡？

在层的鼠标事件中，如果层内部带有链接或表格等其它html时，鼠标挪到上面就会触发onmouseout事件，虽然看来是没有挪出层的区域，


比如在这个层中，我需要实现鼠标放在图片上能出现层提示。

 $('.piece-bd li').bind("mouseover",function(){
	$(this).find(".video-bg p").slideDown('fast'); 
});

 $('.piece-bd li').bind("mouseout",function(){
	$(this).find(".video-bg p").slideUp('fast'); 
});

但发现很有问题，当鼠标没有移除层的时候也触发了onmouseout事件。

解决这个问题很简单，只需要改成mouseenter,mouseleave。