I'；我正在尝试使用javascript淡入淡出文本，而不需要onClick事件需要新的眼睛

试图将一句话淡化为另一句话，就像 但我就是看不出我哪里做错了，有人能帮我看看吗。谢谢你可以在www.sarahluiz.net/index2.html上看到，这是我正在做的工作的分解。 放在前面的Javascript

</head><script type="text/javascript">
(function() {

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

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

showNextQuote();

})();</script>  

---

包含jquery.js以便运行函数

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

---

它是html中定义的

.quote

而不是

.quotes

。您需要将此部分放在结束正文标记（正文结尾）之前

（函数（）{
var报价=$（“.quote”）；
//此部分“.quote”是类选择器，因此请将其与elements类匹配
var quoteIndex=-1；
函数showNextQuote（）{
++报价索引；
quotes.eq（quoteIndex%quotes.length）
fadeIn先生（2000年）
.延迟（2000年）
.fadeOut（2000年，showNextQuote）；
}
showNextQuote（）；
})();

您正在将脚本放在head部分并立即执行它们。 甚至在DOM初始化之前。所以你的javascript不知道什么是“.quotes”

如果希望将脚本保留在head部分，但仍要等待元素初始化。然后你必须编辑你的代码到这个

<script type="text/javascript">
$(function() {

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

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

    showNextQuote();

});
</script>

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

我建议您阅读Javascript基础知识。

另外，只需检查是否如Rajesh所述添加了jquery库 建议您不要在服务器上联机尝试此操作。 学习在测试PC上运行本地服务器/a项目等。。。 还要学习使用浏览器开发工具（Firebug、Chrome工具）调试这样的简单事情

在Firefox上，Ctrl+Shift+K带来了开发控制台。 在Chrome上，Ctrl+Shift+J带来了开发控制台。

---

查看并从中学习调试错误。

您已经发布了小提琴的代码，小提琴可以正常工作。问题是什么？如果它在你的网站上不起作用，并且你希望人们去你的网站为你调试它，那么这样做是不合适的。请参阅以了解原因。首先调试您自己的站点-未捕获引用错误：$未定义！（未加载jquery）

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

 var quotes = $(".quote");


 .quote {
    display: none;
}

  <script type="text/javascript">(function() {

    var quotes = $(".quote"); 
    // this part ".quote" is the class selector so match this with the elements class
    var quoteIndex = -1;

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

    showNextQuote();

})();</script>

<script type="text/javascript">
$(function() {

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

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

    showNextQuote();

});
</script>