jquery - jQueryでテキストドロップイン効果を作成するには?

Question

テキストをゆっくりと「ドロップイン」したいdocument.ready. 基本的に、最初はすべての文字が見えなくなっていましたが、ゆっくりと 1 つずつ順番に画面にドロップして、見出しを形成します。

Lettering.js を使用して、絶対位置を追加することですべての文字をアニメーション化しようとしましたが、問題は文字が画面の中央に集まっていることです。

何か助けはありますか？

Answer 1

はい、jquery $.animate を使用します。たとえば、css を使用して見出しを見えないようにし、ページの読み込み時に見出しを元に戻します。

このパラを考えると、

p{
position:absolute;
top:-50px;
}

次に、document.ready の ur jquery

$('p').animate({'top':'10px'})

これにより、top プロパティが -50px から 10px に徐々に増加するため、テキストがゆっくりとスライドします。より多くの組み合わせを使用して効果を高めることができます。jquery遅延または javascript タイムアウトを使用して遅延させることができ ます。 :none として、document.ready に表示します"

$('p').show();