如何使用jQuery創建文本嵌入式效果？

Question

我想讓文字慢慢落入document.ready。基本上，所有的字母原本都是看不見的，然後逐漸緩慢地逐漸下降到屏幕上以形成標題。

我試着用Lettering.js通過添加一個絕對位置來動畫每一個字母，但問題是字母在屏幕中間聚集在一起。

任何幫助？

Answer 1

是的，使用jquery $ .animate，例如使用CSS保持標題不在視線範圍內，然後在頁面加載時使它回到視線內。

考慮這一點對，

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

，這段中的document.ready

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

這jQuery將逐漸從-50px增加top屬性從而爲10px文本將在慢慢滑動。蜉能使用更多的組合以獲得更好的效果。您可以使用延遲它使用jquery延遲或JavaScript超時 如果您希望它剛出現，請保持其css顯示：無，然後將其顯示在document.ready作爲「

$('p').show();