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淡入淡出代码

回答

相关问题