Javascript 淡入文本循环-不循环，可'；我看不见文字

仅供参考，此问题已解决。-滚动至底部，显示“客户在说什么…”感谢您的帮助

我对这一切都不熟悉。我懂HTML——不是专业人士
我真的不懂javascript。我习惯于复制和粘贴它。我正在尝试创建一个推荐部分，这样它将从一个推荐逐渐消失到另一个推荐，等等。一旦我使用了我在这里找到的代码：
，什么也没出现

这里有一个指向我正在处理的页面的链接：

以下是我的想法：
HTML:

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

和CSS：

    .quotes {display: none;}​

谁能帮我弄清楚到底发生了什么

---

PS-我没有设计这个网站，我也没有接触过其中的HTML设计部分，我没有那么先进，我不想破坏任何东西。

为了使用jQuery代码，你需要链接到jQuery javascript库

在链接到的测试页面中，您正在引用要使用的脚本和关闭html标记后的jQuery：

</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>

（功能（）{
var报价=$（“.quotes”）；
var quoteIndex=-1；
函数showNextQuote（）{
++报价索引；
quotes.eq（quoteIndex%quotes.length）
fadeIn先生（2000年）
.延迟（2000年）
.fadeOut（2000年，showNextQuote）；
}
showNextQuote（）；
})();
window.jQuery | | document.write（“”）

尝试在

元素末尾添加对jQuery的引用，并在

元素末尾添加您试图使用的脚本

---

我还建议您阅读此文。

很高兴为您提供帮助，欢迎来到SO！如果我的回答对解决您的问题有用，您可以投票和/或接受！

</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>