Question

我是新的i jquery，现在我尝试用.animate做点什么。

我使用图像从div构建网格，然后我缩放此图像之一。但是当我缩放一个，其他元素改变位置。我应该怎么做才能将这个缩放的元素带到像其他图层一样的东西 - 我想要缩放它，但在其他图像之上。我想我必须复制这个div然后缩放它？或者mayby有一些类似于动作“深度”的东西，我可以将物体移动到更大的深度。

我的代码非常简单：

$('.profile').hover(
function() {
    $(this).animate({ 'zoom': 1.05 }, 400);

},
function() {
    $(this).animate({ 'zoom': 1 }, 400);
});

Answer 1

将z-index属性设置为一个较大的数字，它将位于其他元素之上。

$('.profile').hover(
function() {
    $(this).css("z-index", "999").animate({ 'zoom': 1.05 }, 400);

},
function() {
    $(this).css("z-index", "0").animate({ 'zoom': 1 }, 400);
});

您需要绝对定位元素，以便在变焦发生时不让它们移动。添加了一个示例jsfiddle绝对定位。

jsFiddle Here

和另一个jsFiddle，它使用相对定位元素内的绝对定位，以防你需要：

Another jsFiddle Example

如果您只想要缩放功能，请移除marginLeft，'width'和'height'更改，因为我只是将其作为其他元素如何使用的示例不动，因为它们是绝对定位的。

更有趣的是：here

Jquery动画和顶层元素

1 个答案: