我试图在 3 个不同的元素之间切换,但我使用的脚本仅在第一个元素之间切换,当第二个元素可见时,它同时被第三个元素覆盖。我应该如何编辑我的函数以在 3 之间切换? JSFiddle在这里:https://jsfiddle.net/uktszzwp/
谢谢!
脚本:
<script type="text/javascript">
var continuous = function() {
$("#citat1").fadeToggle(700);
$("#citat2").fadeToggle(700);
$("#citat3").fadeToggle(700);
}
setInterval(continuous,4000);
</script>
最佳答案
这是您可以做到的一种方法。我只是循环遍历数字 1、2 和 3,然后 fadeIn()
匹配的元素和 fadeOut()
其他两个元素:
n = 0;
var continuous = function() {
n++;
if (n > 3) n = 1;
for (k = 1; k <= 3; k++) {
if (k != n) {
$("#citat" + k).fadeOut(700);
} else {
$("#citat" + k).fadeIn(700);
}
}
}
setInterval(continuous, 4000);
关于javascript - 3 个元素之间自动切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36435254/