感谢下面的评论。这是一个更新的问题和代码:
我编写了两位代码,一个加载器和顺序淡入。加载器的工作原理是添加加载类,其中css显示加载spinner.gif。然后删除该类并插入图像。
按顺序排列div中的第二个淡入淡出。
$.fn.myLoader = function() {
$(this).addClass("loading").queue(function(next) {
$(this).removeClass("loading");
$(this).prepend('URL');
next();
});
};
$('#logo').myLoader();
和
$('.load').delay(5000).each(function(i) {
$(this).delay(i * 250).css({
opacity: 0.0,
visibility: 'visible'
}).animate({
opacity: 1.0
});
});
以及以下标记:
<div id="logo"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
<div class="load" style="visibility: hidden;"></div>
这些单独工作,但我想合并这两个,以便加载器发生,一旦完成,加载顺序图像。
请指出我的错误。
由于