style部分

.aa{position:absolute;transition:top 2s;}

html部分

<div id="ele" class="aa">動畫文字</div>

js部分

var ele=document.getElementById('ele')
ele.onclick=function(){
    ele.style.top=0
//ele.style.top=100+'px'如果這一行不放在setTimeout里，就不會出現(xiàn)top從0到100的動畫
setTimeout(function(){
    ele.style.top=100+'px'
},0)
}

在線預(yù)覽地址
http://jsbin.com/pucedelowa/e...

現(xiàn)在就有一個疑惑，為什么只有把ele.style.top=100+'px'放在seTimeout里，點擊文字后才會有transition的動畫效果呢？
另外有沒有其他函數(shù)，可以達(dá)到和setTimeout一樣的效果呢？