2011-07-13 191 views
0

我想设计一个效果,从这个网站的效果(从实时评论框,在右侧)。动画jQuery效果

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

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

它没有显示它应该如何。有没有人有更好的主意?

回答

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

编辑:另外,忘了提及,您可以在动画字符串中设置多个动画属性。告诉你如何在上面做到这一点。

+0

这不会有什么区别 - '400+“px”'会产生一个字符串,就像你用过的一样,所以它基本上是一样的东西:http://jsfiddle.net/interdream/XRkS8/ –

+0

我真的没有'不知道这个人想要什么,但我的猜测是这是一个语法问题。我刚刚发现他们也将标签存储在一个报价中,根据文档以及我以前的实施方式,该报价似乎不是如何实现的。我编辑答案更彻底。 –

+0

这件事同时使宽度和高度。这应该一次发生一次 – Gigg