<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);