javascript - html5换字动画

Question

我想用单词数组交换“这个网站很酷”中的形容词[awesome, fun, useful, beautiful]。我不想只在一帧中交换它，我也想有一个很好的过渡。也许新词可以从顶部滑入，或者它可以缩小并替换旧词。我该如何实施？Javascript？CSS3？谢谢。

Answer 1

你可以使用 jQuery-Effects，比如fadeIn。

HTML：

<div>This site is <div id="adjDiv" style="display:none"></div>.</div>

JavaScript

var adjPool = ["awesome", "fun", "useful", "beautiful"];
var adj = adjPool[Math.round(Math.random() * (adj.length-1))];
$("#adjDiv").text(adj);
$("#adjDiv").fadeIn();