Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 淡出/淡入和上卷jquery效果_Javascript_Jquery Plugins_Jquery - Fatal编程技术网

Javascript 淡出/淡入和上卷jquery效果

Javascript 淡出/淡入和上卷jquery效果,javascript,jquery-plugins,jquery,Javascript,Jquery Plugins,Jquery,我有这样一个项目列表: <ul> <li><div>some super awesome html here</div></li> <li><div>another awesome item here</div></li> 这里有一些超棒的html 这里还有一件很棒的东西 我正在寻找一个很好的效果来弹出/删除列表上的最后一个项目,并在ajax调用后在顶部添加/淡入一个新项目。任何人

我有这样一个项目列表:

<ul>
<li><div>some super awesome html here</div></li>
<li><div>another awesome item here</div></li>
  • 这里有一些超棒的html
  • 这里还有一件很棒的东西

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

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

jQuery fadeOut()/fadeIn()应该可以做到这一点:

编辑:

如果您想要更有趣的东西,slideUp()/slideDown()提供基本的滑动动画:

如果您想通过更改CSS属性添加自己的动画,也可以使用animate()


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