上面沒(méi)說(shuō)完，視頻里面直接用 obj。style.attribute 的方式獲取css的top值是不對(duì)的，在前面的js動(dòng)畫(huà)里面有設(shè)置過(guò)一個(gè)函數(shù)叫g(shù)etStyle（），可以仿照這個(gè)函數(shù)來(lái)獲取top值，或者直接使用obj.offseTop

function?getStyle(obj,attr){
????if(obj.currentStyle){
????????return?obj.currentStyle[attr];?//IE使用currentStyle方法來(lái)獲取屬性值
?????}?else{
?????????return?getComputedStyle(obj,false)[attr];????//Firefox使用getComputedStyle方法獲取屬性值
?????????}

當(dāng)css屬性值寫(xiě)在內(nèi)聯(lián)或者外聯(lián)樣式表中的時(shí)候，使用obj.style.attribute的方式是獲取不到屬性值的，但是可以設(shè)置屬性值，只有在html元素屬性中寫(xiě)入的內(nèi)嵌樣式才可以直接被obj.style.attribute的方式獲取

//這個(gè)是內(nèi)聯(lián)
<style>????????????
div?{
????/*????屬性????*/
????}
</style>

//這個(gè)是外聯(lián)
<link?href="#"?rel="stylesheet"?type="text/css">?

//這個(gè)是內(nèi)嵌
<div?width="100px"?height="100px"></div>

那老師這樣寫(xiě)，運(yùn)行之后居然會(huì)有效果

是的，

你這個(gè)this必須是前面有l(wèi)i標(biāo)簽的集合吧，然后再取它里面的第一個(gè)div