淡出/淡入和上卷jquery效果

fade out/fade in and roll up jquery effect

本文关键字：jquery 效果淡入淡出更新时间：2023-09-26

我有一个项目列表，如下所示：

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

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

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

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/