【问题标题】:fade out/fade in and roll up jquery effect淡出/淡入和卷起jquery效果
【发布时间】:2011-06-21 17:02:59
【问题描述】:

我有一个这样的项目列表:

<ul>
<li><div>some super awesome html here</div></li>
<li><div>another awesome item here</div></li>

....

我正在寻找一个很好的效果来弹出/删除列表中的最后一项,并在 ajax 调用后添加/淡入顶部的新项目。任何人的建议都会很棒。谢谢。

编辑:比简单的淡入/淡出更先进的东西。我在网站上的某个地方看到过它,那里有一个大约 5 个项目的列表,一个新项目添加到列表中,旧的项目被删除,效果很酷。

【问题讨论】:

  • 我刚刚注意到您的编辑并更新了我的帖子。

标签: javascript jquery-plugins jquery


【解决方案1】:

jQuery fadeOut()/fadeIn() 应该可以解决问题:

http://api.jquery.com/fadeOut/

http://api.jquery.com/fadeIn/

编辑:

如果你想要更高级的东西,slideUp()/slideDown() 提供基本的滑动动画:

http://api.jquery.com/slideUp/

http://api.jquery.com/slideDown/

如果您想通过更改 CSS 属性添加自己的动画,还有 animate()。

http://api.jquery.com/animate/

【讨论】:

    猜你喜欢
    • 2011-10-16
    • 2011-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-20
    • 2011-09-25
    • 1970-01-01
    相关资源
    最近更新 更多