jquery - 使用 Jquery Animate 调整图像大小

Question

是否可以让图片从中心向外而不是从左到右(从上到下)进行动画处理？我想要实现的效果类似于灯箱，当您单击图像时它会向外扩展。

谢谢!

Answer 1

这应该不会太难:

// increase factor
var factor = 2;

$('#foo').click(function() {
    $(this).animate({
        top: '-=' + $(this).height() / factor,
        left: '-=' + $(this).width() / factor,
        width: $(this).width() * factor
    });
});

这是如何实现的:

• 图像按一定比例放大。在本例中它是 * 2，但我可以想象您想要做一些有上限左右的聪明的事情。
• 图像顶部和左侧的偏移量会随着当前尺寸除以增加系数而减小。

Quick demo here.