如何使用jQuery在某个时间间隔内逐页淡入页面中的所有p标签内容？

Question

我试图以一定的间隔逐个淡入淡入淡出所有p标签内容，但是它不起作用。

这是我的代码：

的HTML

<html>  <body>  <p>1</p>  <p>2</p>  <p>3</p>  <p>4</p>  <p>5</p>  <p>6</p>  </body>  </html>  

脚本

$(document).ready(function () {  
     var len = $('#nav li').length,  cnt = 0;  
     $('#change').click(function ()  { 
         if (cnt < len)  { $('#nav li:eq('+cnt+')').css('color', '#F00');  cnt++;  } 
         else {  alert("all li text color changed!"); } 
     }); 
});

的CSS

html p {display:none;}

这是我的代码检查一下

Answer 1

尝试以下功能：

(function fadeNext(jq){
    jq.eq(0).fadeIn("slow", function(){
        // you can also set a timeout here if you'd like
        (jq=jq.slice(1)).length && fadeNext(jq);
    });
})($('#content p'))

它基于这篇文章： http : //paulirish.com/2008/sequentially-chain-your-callbacks-in-jquery-two-ways/