淡出文本循環 - 不循環，不能見文

FYI，這個就解決了。 www.WEBCO-MN.com - 滾動到「客戶在說什麼......」的底部，謝謝您的幫助！

我是新來的這一切。我知道HTML - 不是專業人士。
我真的不知道JavaScript。我習慣於複製和粘貼它。我試圖創建一個推薦部分，所以它會從一個推薦到另一個淡出，等等。一旦我使用我在這裏找到的代碼：
Fade in & out text loop - jQuery，什麼也沒有顯示出來。

這裏到頁面的鏈接我的工作：
http://www.webco-mn.com/webco_test3.html

這裏是我有事情：
HTML：

<h2 class="quotes">first testimonial</h2> 
    <h2 class="quotes">second testimonial</h2>

JS：

(function() { 

var quotes = $(".quotes"); 
var quoteIndex = -1; 

function showNextQuote() { 
    ++quoteIndex; 
    quotes.eq(quoteIndex % quotes.length) 
     .fadeIn(2000) 
     .delay(2000) 
     .fadeOut(2000, showNextQuote); 
} 

showNextQuote(); 

    })();

和CSS：

.quotes {display: none;}

請問有人能幫我弄清楚發生了什麼事？

PS - 我沒有設計這個網站，我沒有觸及任何設計的HTML部分，我沒那麼高級，我也不想毀掉任何東西。

來源

2013-03-12 Michelle Thompson

爲了使用該jQuery代碼，您需要鏈接到jQuery javascript庫。

在您連接到測試頁面，你引用既要使用腳本和jQuery收盤HTML標記之後：

</html> 
<script> 
(function() { 

    var quotes = $(".quotes"); 
    var quoteIndex = -1; 

    function showNextQuote() { 
     ++quoteIndex; 
     quotes.eq(quoteIndex % quotes.length) 
      .fadeIn(2000) 
      .delay(2000) 
      .fadeOut(2000, showNextQuote); 
    } 

    showNextQuote(); 

})();</script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

試着在你<head>元素的末尾添加引用的jQuery ，以及您試圖在<body>元素末尾使用的腳本。

我也推薦閱讀這個basic overview of how jQuery works。

來源

2013-03-12 19:37:35 uptownnickbrown

謝謝你的幫助！ – 2013-05-20 17:57:43

樂於助人，歡迎來到SO！如果我的答案對解決您的問題很有幫助，您可以對其進行調整和/或接受！ – uptownnickbrown 2013-05-20 19:35:59

淡出文本循環 - 不循環，不能見​​文

回答

相關問題

淡出文本循環 - 不循環，不能見文