0



参考までに、これは解決されました。www.WEBCO -MN.com-「顧客が言っていること...」と表示されている一番下までスクロールします。ご協力いただきありがとうございます。

私はこれらすべてに不慣れです。私はHTMLを知っています-プロではありません。
私は本当にjavascriptを知りません。私はそれをコピーして貼り付けることに慣れています。紹介文のセクションを作成しようとしています。これにより、紹介文から別の紹介文にフェードインします。ここで見つけたコードを使用すると、
テキストループのフェードインとフェードアウト-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部分に触れていません、私はそれほど進んでおらず、何も台無しにしたくありません。

4

1 に答える 1

0

そのjQueryコードを使用するには、jQueryjavascriptライブラリにリンクする必要があります。

リンクしたテストページでは、使用するスクリプトと、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>

要素の最後にjQueryへの参照を追加し、<head>要素の最後に使用しようとしているスクリプトを追加してみてください<body>

また、jQueryがどのように機能するかについてのこの基本的な概要を読むことをお勧めします。

于 2013-03-12T19:37:35.783 に答える