css/jquery通过动画放大

Question

我希望在单击时放大一个div。我试着用一个平滑的动画放大。这是我的密码。请纠正我的错误！

$(".contentBox img").click(function(){
    $("#mixedContent").animate({zoom: '150%'}, slow);
});

谢谢-

Answer 1

将slow置于引号之间：

$(".contentBox img").click(function(){
    $("#mixedContent").animate({zoom: '150%'}, "slow");
});

Answer 2

这就足够了。（使用缩放）-但我建议$("identifier").on("click", function(){});（更新）

还请记住：

zoom: 100%; // at least IE, Chrome 
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);

Answer 3

使用类似height:'+=100',width:'+=100'的内容，而不是zoom。