css/jquery放大動畫

Question

我希望放大點擊div。我試圖用平滑的動畫放大。這是我的代碼。請糾正我錯在哪裏！

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

謝謝 -

Answer 1

這應該做的伎倆。 （使用變焦） - 但我建議$("identifier").on("click", function(){});（更多的是最新的）

也請記住：

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

Answer 2

使用類似height:'+=100',width:'+=100'而不是zoom。

Answer 3

將slow引號之間：

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