Question

我在这里找到了文本循环的代码：

它适用于该演示，即使我将所有代码复制并粘贴到jsfiddle中，Jquery也能正常工作。

当我在Dreamweaver中执行此操作时，它不起作用。如果我打开一个新文档并完全按原样放置信息，它仍然无效。所以我觉得我必须遗漏一些简单的东西。

以下是该页面的链接：

这是我的代码：

.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位于外部工作表上。

褪色文字应显示在顶部电话号码的右侧。

我不知道它为什么不起作用。：（

Answer 1

我认为你缺少了jquery。将其添加到页面顶部应修复它：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

褪色文本循环不起作用

1 个答案: