设置jQuery效果动画

Question

我想设计一个div的效果，这样的效果从这个网站(从现场评论框，在右侧)。

我正在使用动画效果。类似于：

jQuery(".aux_content").animate({"width":400+"px"},1000);
jQuery(".aux_content").animate({"height":500+"px"},{duration:1000, queue: true});
jQuery("#scrollingDiv").animate({"height":500+"px"},{duration:1000, queue: true});

它没有显示它应该如何运行。有谁有更好的主意吗？

Answer 1

jQuery(".aux_content").animate({width:"400px",height:"500px"},1000);

试一试，把数字放在引号里。但问题是，你没有告诉或展示它们应该是什么样子，以及它们现在是什么样子，所以很难完全说出你需要什么。

此外，您还需要将名称放在引号之外。

$(".aux_content").animate({width:"400px"},1000, function() {
    $(".aux_content").animate({height:"500px"},1000, function() {
         $("#scrollingDiv").animate({height:"500px"},1000);
    });
});

编辑:另外，忘了提一下，你可以在动画字符串中设置多个属性的动画。上面展示了如何做这件事。