jQuery 动画效果

发布于 2024-11-20 00:14:52 字数 346 浏览 3 评论 0原文

我想为 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});

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

原文

I want to design a effect for a div such the effect from this site(from the live comments box, on the right side).

I am using animate effect.
Something like:

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

It doesn't show how it should. Does anyone have a better idea?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

ヤ经典坏疍 2024-11-27 00:14:52

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

编辑：另外，忘了提及，您可以为动画字符串中的多个属性设置动画。上面向您展示了如何做到这一点。

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

Try that instead, keep the number inside the quotes. But the problem is you aren't telling or showing how they ought to look and how they currently are, so it is hard to say completely what you need.

Also, you need to keep the names outside of quotes.

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

EDIT: Also, forgot to mention, you can animate more than just one property in the animate string. Showed you how to do it above.

回复收藏 0 原文

~没有更多了~