在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為包含不同幀的圖像精靈設置動畫。