Jquery 如何在页面加载时使两个类标记分别轻松插入
当我的页面加载时,我会先加载“.alpha”,然后几秒钟后使用jquery加载“.omega”。有什么例子吗?我会使用easeIn、fadeIn还是fadeOut 多谢各位 你会怎么给这个加“.omega”Jquery 如何在页面加载时使两个类标记分别轻松插入,jquery,fadein,fadeout,Jquery,Fadein,Fadeout,当我的页面加载时,我会先加载“.alpha”,然后几秒钟后使用jquery加载“.omega”。有什么例子吗?我会使用easeIn、fadeIn还是fadeOut 多谢各位 你会怎么给这个加“.omega” jQuery(文档).ready(函数(){ jQuery(窗口).load(函数(){ setTimeout(函数(){ $(“.alpha”).fadeOut(“快速”,函数(){}) }, 500) }) }); 我会使用setTimeout和fadeIn //您可能不需要为.alph
jQuery(文档).ready(函数(){
jQuery(窗口).load(函数(){
setTimeout(函数(){
$(“.alpha”).fadeOut(“快速”,函数(){})
}, 500)
})
});
我会使用setTimeout
和fadeIn
//您可能不需要为.alpha使用setTimeout,但以防万一。。。
setTimeout(函数(){
$('.alpha').fadeIn();
}, 100);
//然后加载。ω2秒后。alpha。。。
setTimeout(函数(){
$('.omega').fadeIn();
}, 2100);
更新以回答您的示例:
jQuery(document).ready(function() {
jQuery(window).load(function() {
//load in .alpha
setTimeout(function() {
$(".alpha").fadeIn("fast", function() {
//alpha finished loading
//now load omega
setTimeout(function() {
$(".omega").fadeIn("fast", function() {
//omega finished loading
})
}, 2000);
});
}, 500);
});
});
在fadeIn()函数中使用回调:
$('.first').fadeIn(function(){
$('.second').fadeIn()
})
看看小提琴:
如果需要延迟,请使用delay()函数:
$('.first').fadeIn(function(){
$('.second').delay(3000).fadeIn()
})
小提琴:你可以用
$(".alpha").fadeIn(1000);
$(".omega")delay(1000).fadeIn();
$(".alpha").fadeIn(1000);
$(".omega")delay(1000).fadeIn();