Advertisement
Guest User

Untitled

a guest
Apr 24th, 2014
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.52 KB | None | 0 0
  1. <ul>
  2. <li>AS-1</li>
  3. <li>QW-2</li>
  4. <li>PQ-3</li>
  5. </ul>
  6.  
  7. li{
  8. display: inline-block;
  9. }
  10.  
  11.  
  12. $('li').hide().each(function( i ) {
  13. $(this).delay( i * 400 ).fadeIn().siblings().next('li:first');
  14. });
  15.  
  16. function fadeLi(elem) {
  17. elem.delay().fadeIn().delay(1500).fadeOut(500, function () {
  18. if (elem.next().length > 0) {
  19. fadeLi(elem.next());
  20. } else {
  21. fadeLi(elem.siblings(':first'));
  22. }
  23. });
  24. }
  25.  
  26. $(function () {
  27. $('ul li').hide();
  28. fadeLi($('ul li:first'));
  29. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement