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 回答