悬停缩放和点击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。