Javascript 引号 ... 淡入淡出

Question

下午好，快乐 4 我在处理一些 javascript 时遇到了问题....我是一个初学者，正在使用这个特定的在线示例来了解如何淡入和淡出多个引号...

我已经实现了 HTML/Javascript/CSS ....但是在使用 chrome 检查我的页面时似乎没有任何效果......有人可以帮助我解决应该更改的内容或其他 JS可能效果更好的例子？

似乎我尝试的 80% 的 Js 代码都无法出现在我的网页上....或者是我的 HTML 还是 css...blarg! -F

---

<....HTML.....JAVASCRIPT......CSS.....order.....>

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

(function() {

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

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

    showNextQuote();

})();

.quotes {display: none;}

Answer 1

它对我来说非常好，请参阅此链接 http://codepen.io/mozzi/pen/xOApkb

完全一样

(function() {

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

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

    showNextQuote();

})();