Question

jQuery mouseover显示、mouseout隐藏问题

我的代码如下：

// JavaScript Document
// 渐变弹出菜单

$(document).ready(function(){
var speed = 600;//动画速度
$("#page").mouseover(function(event){//绑定事件处理
event.stopPropagation();
var liwidth = $("#page_menu ul li").length*$("#page_menu ul li").width;//计算li标签的总宽度
var offset = $(event.target).offset();//取消事件冒泡
$("#page_menu").css({ top:offset.top + $(event.target).height() + "px", left:offset.left/2+50+"px", width:liwidth+"px" });
//设置弹出层位置
$("#page_menu").show(speed);//动画显示
});

$(document).mouseout(function(event) { $("#page_menu").hide(speed) });

})

问题：鼠标从#page层移到#page_menu层时，#page_menu层显示不出来。
实现功能：鼠标在#page,从#page移动到#page_menu层上均显示#page_menu层，鼠标在其它地方，#page_menu隐藏起来。求修改后。

Answer 1

实现功能：鼠标在#page,从#page移动到#page_menu层上均显示#page_menu层，鼠标在其它地方，#page_menu隐藏起来。
代码如下：
$(document).ready(function(){
var speed = 600;//动画速度
$("#page").hover(function(){
$("#page_menu").show(speed);
},function(){
$("#page_menu").hide(speed);
});
});

追问

我从#page层离开，还没有移入到#page_menu层上之前，#page_menu层就消失了。。。

追答

你的是什么结构，这样就可以了：

如果是：

再配合css就可以了

Answer 2

看了半天，没看明白