jQuery图像悬停菜单图片重叠附近的图片

我正在开发一个小型的web应用程序，使用jQuery相当多。在我的应用程序中，用户可以将图像悬停一下，几秒钟后就会变得更大，给他更多细节。jQuery图像悬停菜单图片重叠附近的图片

问题是，当图像放大图像时，它也会占据附近图像的区域。现在，如果用户经过第二个红色正方形（编号为2），我希望当前放大的图像消失，而将下面的图像放大为方形二。

我不是一个画家，但我附上一个小图像来帮助说明问题。

简而言之，如何告诉jQuery检测鼠标位于第二个红色方块的上方，但如果鼠标位于绿色方块的上方，则不会引发该事件。

[在我的演示画面，徘徊点]

Hovered menu sample http://i46.tinypic.com/3y1x5.png

来源

2010-05-28 vondip

我要去问了几个问题，以前言本第一。

是框“1”还是绿框？
您是否使用z-index将1置于2以上？

如果是这样，这是你的修复。

$(document).ready(function(){ 
    $('.box').mouseover(function(){ 
     $(this).css('width', '300'); 
    }); 
    $('.box').mouseout(function(){ 
     $(this).css('width', '200'); 
    }); 
});

箱子是适用于所有4个箱子的箱子，箱子在将箱子收起时减小到200px，然后将箱子扩大到300px。

无论如何，您需要详细说明正在使用的过程。你可以发布一些代码吗？

来源

2010-05-28 00:58:17

您还没有发布任何代码，但是...

你可以创建一个具有相同尺寸各自红场一些空div标签，并让他们坐在上面的红色正方形的位置是：绝对的，一个高z值的索引值，并且有一个mouseover函数附加到这些空白divs，这会缩小绿色方块。

当绿色正方形放大时，您可以仅显示空白div（尽管它们将隐藏给用户），否则将隐藏。

来源

2010-05-28 01:01:27

jQuery图像悬停菜单图片重叠附近的图片

回答

相关问题