动画 jQuery 效果

Question

我想为一个 div 设计一个效果，例如来自本网站的效果（来自右侧的 live cmets 框）。

我正在使用动画效果。 比如：

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);
    });
});

编辑：另外，忘了提一下，您可以对动画字符串中的多个属性进行动画处理。上面向你展示了如何做到这一点。