我在网页上有4个选项的问题。计分板在屏幕的右上角
<div id="score" style="position:fixed;top:0;right:0;">
<p><b>Score:</b>1234</p>
</div>
现在，当用户在第一次尝试中点击正确答案时，我想在屏幕中央淡入文本
+10，然后浮动到右上角，将分数提高10。我已经完成了更新分数的逻辑部分，但是CSS部分让我头疼。要淡入文本“ +10”（也许我可以使用z-index使其显示在屏幕外）并将其设置为右上角的动画，我需要片段或教程的帮助。
我有CSS的中级经验，无法弄清楚所需动画的技巧。我在google上尝试过但关键字存在问题。请帮助
最佳答案
您基本上执行四个步骤：
创建“ +10”文本，该文本绝对位于您想要的任何位置。最初是隐藏的。
淡入文本-.fadeIn()
将文本移到角落-.animate()
淡出文本-.fadeOut()
参见小提琴：http://jsfiddle.net/_abl/kz6WY/
关于jquery - 动画文字到屏幕的右上 Angular ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21647882/