Question

我希望文字在document.ready上慢慢“插入”。基本上，所有的字母原本都在视线之外，然后慢慢地，一个接一个地以有序的方式落到屏幕上形成标题。

我尝试使用Lettering.js通过添加绝对位置为每个字母设置动画，但问题是字母在屏幕中间聚集在一起。

任何帮助？

Answer 1

是的，使用jquery $ .animate，例如使用css将标题保持在视线之外，然后当页面加载时将其恢复原状。

考虑这个段落，

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

然后在document.ready

中你的jquery

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

这将逐渐将顶级属性从-50px增加到10px，因此文本将慢慢滑入.Youi可以使用更多组合以获得更好的效果。您可以使用 jquery延迟或javascript超时延迟它 如果你想要它只是出现，请保持其css display：none，然后在document.ready中显示为“

$('p').show();