我的目标:在n秒淡出后淡入带有文本的div.用4个另外的div再次执行此操作,之前不会干扰div(就像前面的div显示在屏幕上时一样),距离一致.
在这里,您可以实现我想要完成的任务:https://www.youtube.com/watch?v = 2PsCgs8rVHE(仅限第一时间).
可能我觉得太复杂了.
我现在尝试了一段时间(小时,呃)并尝试了千件事.这是我目前的代码:
$('.quote').each(function(divID){
fadeContent(divID);
});
function fadeContent(childID)
{
$('.quote:nth-child('+childID+')').fadeIn(1000).delay(8000*childID).fadeOut(1000);
}
Run Code Online (Sandbox Code Playgroud)
在此之前我从数组创建div(工作正常)
for(var i = 0; i < quotes.length; i++){
var quote_container = $('<div>').addClass('quote').append(quotes[i]).css('display', 'none');
$('.quotes').append(quote_container);
}
Run Code Online (Sandbox Code Playgroud)
非常感谢你的帮助.