如何在jquery＆amp; html中做随机淡入淡出文本

Question

如何在淡入淡出效果中执行随机文本 jquery＆amp; HTML

Jquery的：

$(document).ready(function(){
    $('#fade').list_ticker({
        speed:5000,
        effect:'fade'
    });     
})

HTML

   <ul id="fade">
      <li>
        <span class="quote">quote_1</span><br />
        <span class="author">-author_1-</span>
      </li>
      <li>
        <span class="quote">quote_2</span><br />
        <span class="author">-author_2-</span>
      </li>
      <li>
        <span class="quote">quote_3</span><br />
        <span class="author">-author_3-</span>
    </li>
    <li>
        <span class="quote">quote_4</span><br />
        <span class="author">-author_4-</span>
      </li>
      <li>
        <span class="quote">quote_5</span><br />
        <span class="author">-author_5-</span>
     </li>
</ul>

请帮我解决这个问题。我真的不知道如何在jquery中做到这一点。

我试图搜索一些信息，但我找不到任何信息。

Answer 1

尝试这样的事情：

var randomiza;
$(function(){
$("#fade li").hide();
 randomiza = function(){
    $("#fade li").hide();
    var quotes = $("#fade li");
    var indice = Math.floor((Math.random() * 5) + 1);
    (quotes).eq(indice-1).fadeIn(1500);
}
setInterval(randomiza, 3000);    

});

工作小提琴：http://jsfiddle.net/robertrozas/5nzbw8gz/5/

Answer 2

随机选项 一旦选择quote_5并开始循环 - ＆gt; quote_5 - ＆gt; quote_1 - ＆gt; quote_2 下次选择quote_3并开始循环 - ＆gt; quote_4 - ＆gt; quote_5 - ＆gt; quote_1