懸停縮放和點擊CSS背景圖像效果 - jQuery的

Question

**場景1

我有它的位置的地圖，一旦某個位置懸停在我想放大/成長的圖標和一個div包含要從側面滑入的位置的名稱，在下面的div中，然後一旦鼠標光標離開圖標區域，我希望div和位置的名稱向後滑動（完全消失），然後返回位置圖標恢復到原始大小。

**方案2

一旦懸停&然後點擊我想的圖標保持在它的放大的尺寸顯示所述位置名稱下的實際地址，直到已經選擇它或另一個圖標/點擊。

我已經對下面的jsfiddle一個開始，但不能似乎在使用jQuery獲得更遠，因爲我是相當新：

http://jsfiddle.net/gavAusWeb/sCFX2/2/

什麼即時試圖實現可一個活生生的例子在這裏找到頁面的右下角。

http://www.aviationgroundhandling.com.au/

在此先感謝！ :)

ps。我使用的CMS，所以它必須與背景圖像，歡呼;）

Answer 1

zoom是不是你認爲它是。實際上，zoom是一個IE瀏覽器唯一的「功能」，通常用於在出現錯誤時觸發hasLayout。這不是調整瀏覽器或元素縮放的功能。 對於你想要做的，你可以使用css3轉換，特別是scale。或者SVG也可能是一個選項。最後，不那麼優雅，你可以使用jQuery來動畫包含不同幀的圖像sprite。