3個元素之間的自動切換

我試圖在3個不同的元素之間切換，但是我正在使用的腳本只在第一個和第二個之間切換，第二個在同一時間由第三個元素覆蓋。我應該如何編輯我的功能以在3之間切換？ JSFiddle here：https://jsfiddle.net/uktszzwp/3個元素之間的自動切換

謝謝！

SCRIPT：

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

setInterval(continuous,4000); 
</script>

來源

2016-04-05 H Sturma

你能不能把這個小提琴或至少顯示HTML？ – ajmajmajma

@ajmajmajma這裏是小提琴：https://jsfiddle.net/uktszzwp/ ...那裏它甚至沒有工作..不知道爲什麼.. –

好吧，你究竟是什麼意思在3之間切換？一次只有1個？或一次全部3 – ajmajmajma

這裏是你可以做到這一點的方法之一。我只是通過數字1循環，2 & 3，然後fadeIn()相匹配的元素和其他兩個：

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);

來源

2016-04-05 19:33:59 billynoah

完美地工作，謝謝！ –

3個元素之間的自動切換

回答

相關問題