以下演示中的FadeIn和fadeOut

嘗試了幾個選項後，我無法使文本淡入淡出。無論我嘗試，整個動畫只是凍結，加入這樣的事情以下演示中的FadeIn和fadeOut

$("#headertxt".fadeIn('slow').css({"display" : "block"});

或

$("#headerimg" + currentContainer).fadeOut(function() { 
setTimeout(function() { 
$("#headertxt".fadeIn({"display" : "block"}); 
animating = false; 
}, 500); 
}); 

$("#headerimg" + currentContainer).fadeOut(function() { 
setTimeout(function() { 
$("#headertxt".fadeOut({"display" : "block"}); 
animating = false; 
}, 5000); 
});

原來這是demo

而且here's jfiddle

來源

2013-01-16 Helena

您應該減少代碼在你的問題的準系統例如工作。 http://sscce.org/ – j08691

你能把你的小提琴切成只是你問的部分嗎？ –

變化

$("#headertxt".fadeIn('slow').css({"display" : "block"}); //this will not work

到

$("#headertxt").fadeIn('slow', function(){ 
    $(this).css('display', 'block'); 
}); 
// apply css after animation.

來源

2013-01-16 22:00:09 HamidRaza

無論如何，jQuery在'fadeIn'結束時將'display'設置爲'block'。 – Blazemonger

@Blazemonger正確，我在回調中添加了css部分，通常你應該在動畫之後應用css。而且'#headertxt'可以是內聯元素，也可以將其轉換爲塊元素。 – HamidRaza

@HamidRaza感謝這是淡入淡出，但現在我無法設置fadeOut – Helena

淡入和淡出，即使不要拿物體作爲參數，所以我不確定你爲什麼擁有這些物體。您還在.fadeIn之前缺少括號。

嘗試這樣：

$("#headerimg" + currentContainer).fadeOut(function() { 
    setTimeout(function() { 
     $("#headertxt").fadeIn(); 
     animating = false; 
    }, 500); 
});

來源

2013-01-16 21:59:12 Blazemonger

以下演示中的FadeIn和fadeOut

回答

相關問題