1

ここでテキストループのコードを見つけました：

フェードイン＆フェードアウトテキストループ-jQuery

そのデモで機能し、すべてのコードをコピーしてjsfiddleに貼り付けても、Jqueryは機能します。

Dreamweaverで実行すると、機能しません。新しいドキュメントを開いて情報をそのまま入れても、機能しません。だから私は何か単純なものを見逃しているに違いないと感じています。

このページへのリンクは次のとおりです。

http://divingdog.com/_hairofdog/

これが私のコードです：

.hours
{
display:none;
float:right;
font-size:20px;
padding-top:5px;
z-index:100000;

}

<div class="hours">
Monday – Thursday: 9 AM – 8 PM
</div>

<div class="hours">
Friday – Saturday: 9 AM – 9 PM (8 PM Jan-Mar)
</div>

<div class="hours">
Sunday: 10 AM – 6 PM
</div>

<script>
(function() {

    var hours = $(".hours");
    var hoursIndex = -1;

    function showNextHours() {
        ++quoteIndex;
        hours.eq(hoursIndex % hours.length)
            .fadeIn(2000)
            .delay(2000)
            .fadeOut(2000, showNextHours);
    }

    showNextHours();

})();

</script>

スクリプトはbodyタグの最後（内部）にあり、CSSは外部シートにあります。

フェードテキストは、上部の電話番号の右側に表示されているはずです。

なぜ機能しないのかわかりません。:(

4

1 に答える 1

0

私はあなたの行方不明のjqueryだと思います。これをページの上部に追加すると、修正されるはずです。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
于 2013-01-10T18:18:14.483 に答える