これはかなり一般的な問題ですが、テキストをフェードアウトし、変更してからフェードインしたいと考えています。
これまでの私のコードは次のとおりです。
setTimeout(function(){
$("#ilovequote").fadeOut( 500, function(){
var ilovequotes = ["CSS3", "Photoshop", "AJAX", "jQuery", "Social Media API's"];
var rand = ilovequotes[Math.floor(Math.random() * ilovequotes.length)];
$('#ilovequote').html(rand);
$("#ilovequote").fadeIn( 500);
});
}, 500);
});
しかし、これは何らかの理由で機能しません。私はこれについて助けを求めています。基本的には、単語を読むのに十分な長さの滑らかなアニメーションが欲しいです。
JSフィドル