<js> $("#curtain").slideUp("slow"); $("#curtain").slideDown("slow"); </js>
现在我该怎么做,如果我想在.slideUp和slideDown之间添加100ms的延迟?如何在Balsamiq Mockups中为.slideUp函数添加延迟?
<js> $("#curtain").slideUp("slow"); $("#curtain").slideDown("slow"); </js>
现在我该怎么做,如果我想在.slideUp和slideDown之间添加100ms的延迟?如何在Balsamiq Mockups中为.slideUp函数添加延迟?
当它完成一个动画时,你可以让它调用一个函数。拥有该效果基本show后调用的函数,使用定时器等待100毫秒,然后调用了slideDown
因为jQuery的1.4,它是那么容易,因为
$("#curtain").slideUp("slow").delay(500).slideDown("slow");
在旧的版本,你必须使用动画回调的setTimeout :
$("#curtain").slideUp("slow", function(){
setTimeout(function(){ $("#curtain").slideDown("slow"); }, 500);
});
这里的窍门是推迟slideUp
和slideDown
..这对我的作品:
$('#loading').show((1));
setTimeout(function(){
$('.toggle_container').slideUp(function() {
$('#loading').hide();
});
}, 500);