html5 word swap animation

Question

[awesome, fun, useful, beautiful]이라는 단어 배열을 사용하여 "This site is cool"의 형용사를 바꾸고 싶습니다. 한 프레임으로 바꾸고 싶지는 않습니다. 멋진 전환을 원합니다. 어쩌면 새로운 단어를 위로부터 들여다 보거나 오래된 단어를 축소하여 바꿀 수 있습니다. 어떻게 구현합니까? 자바 스크립트? CSS3? 감사.

Answer 1

fadeIn과 같은 jQuery 효과를 사용할 수 있습니다.

HTML :

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

자바 스크립트 당신이 시도 무엇

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