如何在翻转时使用jquery更改单个图像的大小？

Question

我在http://www.lightsandfire.com有一个用css转换完成的效果，但它在IE中不起作用，如何在jquery中创建相同的效果？我希望能够翻转图像并使图像的大小超过文档流。当我用鼠标滚动它时，我想按比例改变图像的大小。如果图像尺寸增加100％，那将是我正在寻找的。

任何帮助都将不胜感激。

Answer 1

您需要使用动画，并为宽度和高度设置动画。高度和宽度的动画是跨浏览器兼容的。

Answer 2

在悬停时为对象设置动画：

$('.item').hover(function() {//Hovering
    $(this).animate({
        width: '400px',
        height: '400px',
        marginLeft: '-200px',
        marginTop: '-200px'
    }, 400);//Speed of animation in ms
}, function() { //Not hovering
    $(this).animate({
        width: '200px',
        height: '200px',
        marginLeft: '-100px',
        marginTop: '-100px'
    }, 400);
});

要点击它，只需将悬停更改为mouseDown。