Div ID淡入淡出代碼

我是jQuery上的新手。有人可以幫我解決我的2天問題。我只是需要一個淡出效果幻燈片的示例代碼。Div ID淡入淡出代碼

這是風格。

這將與同樣類
第一格3個的div，將顯示6secs然後淡出爲2secs
- 之前第一淡出第二個div將淡入爲2secs
- 這將再次顯示6秒，然後淡出2秒。
然後第三個div將以相同的方式消失2secs。
將顯示6秒，然後淡出2秒。然後他們會旋轉或循環。

謝謝你幫助我。

編輯 - 從評論

$(document).ready(function(){ 
    function looptour(){ 
     $("#health").hide(); 
     $("#billing").hide(); 
     $("#pension").delay(6000).fadeOut(2000);    
     $("#health").delay(6000).fadeIn(2000).delay(6000).fadeOut(2000);  
     $("#billing").delay(14000).fadeIn(2000).delay(6000).fadeOut(2000); 
     $("#pension").delay(14000).fadeIn(2000,looptour); 
    } 
    looptour(); 
});

來源

2010-07-20 Ryan

這裏有什麼問題？它只是告訴我codz！如果你有一個特定的問題，然後顯示你有什麼代碼，我們可以修復。 – redsquare 2010-07-20 22:48:46

這裏... $（文件）。就緒（函數（）{ \t功能looptour（）{ \t $（「＃健康」）隱藏（）; \t $（「＃計費」）隱藏（）; \t $（「＃pension」）。delay（6000）.fadeOut（2000）; \t $（「＃health」）。delay（6000）.fadeIn（2000）.delay（6000）.fadeOut 2000年）; \t $（「＃billing」）。delay（14000）.fadeIn（2000）.delay（6000）.fadeOut（2000）; \t $（「＃pension」）。delay（14000）.fadeIn 2000，looptour）; \t} \t looptour（）; }）; – Ryan 2010-07-20 22:53:51

是不是它所做的？ http://jsfiddle.net/XgFna/有什麼問題？ – user113716 2010-07-20 23:14:06

相關的代碼我不知道您的具體問題是什麼，因爲你的代碼似乎爲我工作。

如果是我，我可能會做一點不同（假設我理解了預期的結果）。

試試看：http://jsfiddle.net/XgFna/2/

var arr = [ 
    $("#pension"), 
    $("#health").hide(), 
    $("#billing").hide() 
]; 
var cur = 0, nxt = 1; 

setInterval(function() { 
    arr[cur].fadeOut(2000); 
    arr[nxt].fadeIn(2000); 
    cur = (cur + 1 < arr.length) ? cur + 1 : 0; 
    nxt = (nxt + 1 < arr.length) ? nxt + 1 : 0; 
},6000);

來源

2010-07-20 23:30:33 user113716

$(document).ready(function() { 
    function looptour() { 
     $(".quote4").hide(); 
     $(".quote3").hide(); 
     $(".quote2").hide(); 
     $(".quote1").delay(1000).fadeIn(3000).delay().fadeOut(1000); 
     $(".quote2").delay(7000).fadeIn(3000).delay().fadeOut(1000); 
     $(".quote3").delay(11000).fadeIn(3000).delay().fadeOut(1000); 
     $(".quote4").delay(16000).fadeIn(6000).delay().fadeOut(1000, looptour); 
    } 

    looptour(); 
});

這是我是怎麼做的，你只需要採取拖延的照顧。

來源

2011-01-18 22:54:19 geo

Div ID淡入淡出代碼

回答

相關問題