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圖像懸停菜單圖片重疊附近的圖片

回答

相關問題