jQuery顯然可以輕松地淡入/淡出文本。但是，如果要將文本從一件事更改為另一件事怎么辦？過渡會發生這種情況嗎？例：<div id='container'>Hello</div>可以將文本“ Hello to World”更改為“ Hello to World”，但要使其具有過渡（例如淡入淡出或某種效果）而不是立即更改嗎？
3 回答
慕村9548890
TA貢獻1884條經驗 獲得超4個贊
您可以使用回調，如下所示：
$("#container").fadeOut(function() {
$(this).text("World").fadeIn();
});
您可以在這里嘗試一下，或者因為在這種特殊情況下隊列的工作方式，如下所示：
$("#container").fadeOut(function() {
$(this).text("World")
}).fadeIn();
.text()當.fadeOut()結束時，這會在再次淡入之前執行調用。
Smart貓小萌
TA貢獻1911條經驗 獲得超7個贊
如果您將使用hide / show或fadeIn / fadeOut，則可能會遇到“跳躍”效果，因為它會更改CSS顯示屬性。我建議使用不透明的動畫。
像這樣：
$('#container').animate({'opacity': 0}, 1000, function () {
$(this).text('new text');
}).animate({'opacity': 1}, 1000);
- 3 回答
- 0 關注
- 490 瀏覽
添加回答
舉報
0/150
提交
取消