2010-12-07 20 views
0

jquery菜单设置为在鼠标悬停上进行动画制作,并在鼠标悬停时折叠。但是,当用户将鼠标悬停在项目上时,这是一个问题,因为当用户到达其中一个框的边缘时,不再将其视为鼠标悬停在整个菜单上。任何图像上都没有填充/边距或边框。这是一个2 x 3的正方形网格,所以它们都很好地融合在一起。这是与每个列表元素相关的jQuery代码。 。jquery菜单在悬停时动画,但在元素间移动时会崩溃...帮助

$( “li.menu3”)鼠标悬停(函数(){

$( “ul.inactive3”)停止()动画({宽度: “500像素”,高度: “150像素” },“fast”,function(){(“ul.inactive3”)。stop()。animate({width:“500px”,height:“300px”},“fast”);

} );

}); 。

$( “li.menu3”)鼠标移开(函数(){

$( “ul.inactive3”)停止()动画({宽度: “500像素”,高度: “150像素” },“fast”,function(){(“ul.inactive3”)。stop()。animate({width:“0px”,height:“0px”},“fast”);

} );

我试图简单地用一个形象将几个图像映射在上面克服这一,但是这呈现的鼠标悬停在Chrome不工作的新问题

任何帮助将不胜感激,

谢谢,迈克

回答