下拉菜单的js 在鼠标移到子元素时触发mouseout？

Question

在rightheader的下拉菜单，鼠标移到从一级菜单移开移向下面的内容时下面的内容就会消失
代码：http://runjs.cn/detail/6ed7t8hv

Answer 1

大致看了一下 应该是mouseout事件的问题。<div1>大一点&nbsp;&nbsp;&nbsp;&nbsp;<div2>小一点&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</div2><div1/>从div1挪到div2上时,是会触发div1的mouseout事件的。建议改为mouseleave//////////////////问题出在你的<li> &nbsp;&nbsp;&nbsp;&nbsp;<a></a> &nbsp;&nbsp;&nbsp;&nbsp;<ul></ul></li>三层结构上。没问题的那个a和li大小相同，不会触发mouseout。有问题的那个a明显比li小一圈。从li上进入a就会触发mouseout，你看看会发现，能使ul出现的鼠标位置，只有li的外侧那一点点。因为中间是a，出发mouseout了。