Question

我正在尝试制作一些淡入和淡出着陆页的标题，然后再重复。这是我一直在尝试使用的代码。当然，它会永远重复。我是初学者，并试图包含一个计数器变量，它将获得数组中最后一项的索引号，当达到此数字时，停止重复。这样可以添加文本而无需更新第n个项目编号。

// after the last title in the array has been displayed, stop loop  
// +++++++++++++++++++ changeTitle

var titles = ["title zero", "title one", "title two", "title three",
    "title four", "title n"
];

function changeTitle() {  
    var ct = $("#title").data("term") || 0;

    $("#title").data("term", ct == titles.length - 1 ? 0 : ct + 1)
               .text(titles[ct])
               .fadeIn(200)
               .delay(500)
               .fadeOut(200, changeTitle);
}
$(changeTitle);

Answer 1

在html的某处，您应该打开一个脚本标记，并在文档准备就绪后执行此操作。这是一个commonJQuery模式

<script>
    $(document).ready(function() {
        changeTitle();
    });
</script>

这应该可以胜任。因为你无论如何都在使用jQuery，所以不会引入任何新的依赖项。

Answer 2

jsFiddle Example

{{1}}

我想只从阵列中淡出/淡出一个术语列表一次

2 个答案: