admin 管理员组

文章数量: 1086019

i have a list of items like so:

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

....

I'm looking for a nice effect to pop/remove the last item on the list and add/fade in a new item on the top after an ajax call. anyone suggestions would be great. thanks.

EDIT: something more advanced than just simple fade in/out. i've seen it somewhere on the sites where there is a list of 5 items or so and a new item added to the list and old removed with a cool effect.

i have a list of items like so:

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

....

I'm looking for a nice effect to pop/remove the last item on the list and add/fade in a new item on the top after an ajax call. anyone suggestions would be great. thanks.

EDIT: something more advanced than just simple fade in/out. i've seen it somewhere on the sites where there is a list of 5 items or so and a new item added to the list and old removed with a cool effect.

  • javascript
  • jquery-plugins
  • jquery
Share Improve this question asked Jun 21, 2011 at 17:02 ShaneKmShaneKm 21.4k46 gold badges176 silver badges307 bronze badges 1
  • I just noticed your edit and updated my post. – jncraton Commented Jul 8, 2011 at 12:15
Add a ment  | 

1 Answer 1

Reset to default 6

jQuery fadeOut()/fadeIn() should do the trick:

http://api.jquery./fadeOut/

http://api.jquery./fadeIn/

EDIT:

If you want something fancier, slideUp()/slideDown() provide basic sliding animations:

http://api.jquery./slideUp/

http://api.jquery./slideDown/

There also animate() if you want to add your own animations via changing CSS properties.

http://api.jquery./animate/

本文标签： javascriptfade outfade in and roll up jquery effectStack Overflow

版权声明：本文标题：javascript - fade outfade in and roll up jquery effect - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1743992606a2515008.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。