我想創建一個通過滑動函數旋轉的列表

Question

我知道我的代碼遠沒有達到我想去的地方。我想要實現的是一個項目列表，他們通過一個接一個的向下滑動動畫循環。我不知道如何解決這個問題。

HTML

<div class="message"> 

         <ul> 
          <h2><li class="rotate1">A better web...</li></h2> 
          <h2><li class="rotate2">Built By Spring Method</li></h2> 
          <h2><li class="rotate3">Test content</li></h2> 

         </ul> 


       </div> 

JS

$(function() { 
$(".rotate2").hide(); 
$(".rotate3").hide(); 

    $(".message ul li").each(function(){ 
     $(this).slideDown(); 
    }); 
}); 

Answer 1

這個例子應該清除一些東西給你：

http://jsfiddle.net/mattdlockyer/GhPqu/

關鍵是要指定一個功能動畫和然後在第一次滑動時作爲函數遞歸地調用它eDown方法完成。

欲瞭解更多有關如何了slideDown檢查工作在這裏：http://api.jquery.com/slideDown/

你會看到，你可以指定如在這個例子中完成的功能：

$('#clickme').click(function() { 
    $('#book').slideDown('slow', function() { 
    // Animation complete. 
    }); 
}); 

我用這個機制以遞歸方式調用動畫函數並迭代到列表中的下一個元素。

由於不存在的功能，第4單元也不會被調用，你就不會浪費任何週期...

古樸典雅恕我直言！