Question

我正在尝试在3个不同的元素之间切换，但是我使用的脚本仅在2和2之间切换，第二个可见，第三个在同一时间覆盖。如何编辑我的功能以在3之间切换？ JSFiddle：https://jsfiddle.net/uktszzwp/

谢谢！

SCRIPT：

<script type="text/javascript">
var continuous = function() {
    $("#citat1").fadeToggle(700);
    $("#citat2").fadeToggle(700);
    $("#citat3").fadeToggle(700);    
}

setInterval(continuous,4000);
 </script>

Answer 1

这是你可以做到的一种方式。我只是骑自行车穿过数字1,2和＆amp; 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);

在3个元素之间自动切换

1 个答案: