課程
/前端開(kāi)發(fā)
/JavaScript
/JS動(dòng)畫效果
為什么用this.getElementSByTagName,為什么要賦值給_this?
2017-05-11
源自:JS動(dòng)畫效果 7-1
正在回答
同學(xué),你要認(rèn)真聽(tīng)講??!老師有解釋很清楚的
this,指的是當(dāng)前的a標(biāo)簽,也就是說(shuō),你鼠標(biāo)移動(dòng)到哪一個(gè)a標(biāo)簽,哪一個(gè)a標(biāo)簽才會(huì)有后續(xù)動(dòng)作;而_this指的是當(dāng)前a標(biāo)簽下的第一個(gè)i標(biāo)簽,也就是要做動(dòng)畫運(yùn)動(dòng)的那個(gè)圖片所在的標(biāo)簽,為什么要用TagName?因?yàn)檫@樣便于獲取a標(biāo)簽下的i標(biāo)簽?。蝗绻阌X(jué)得像老師這樣命名不好理解,你也可以把_this換成i也行,
var?_this=this.getElementsByTagName('i')[0]; //this,即是當(dāng)前鼠標(biāo)移動(dòng)到的a標(biāo)簽; //_this,即是當(dāng)前鼠標(biāo)移動(dòng)到的a標(biāo)簽下的第一個(gè)i標(biāo)簽; //為什么代碼后面要加索引呢?因?yàn)門agName獲取的是數(shù)組,雖然本例中只有一個(gè)i標(biāo)簽,但還是得索引第一個(gè)i標(biāo)簽 showMove2(_this,{top:-40,opacity:0},function?()?{ //這里,就是能看到,做運(yùn)動(dòng)的是i標(biāo)簽,而不是整個(gè)a標(biāo)簽 _this.style.top=30+'px'; showMove2(_this,{top:3,opacity:100})
hou110 提問(wèn)者
舉報(bào)
通過(guò)本課程JS動(dòng)畫的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫開(kāi)始,逐步深入各種動(dòng)畫框架封裝
3 回答for循環(huán)怎么成了同時(shí)執(zhí)行了?
2 回答如果很多個(gè)Li標(biāo)簽用了for循環(huán),然后用鏈?zhǔn)竭\(yùn)動(dòng),完美框架無(wú)效?
1 回答關(guān)于這個(gè)for循環(huán)的問(wèn)題
4 回答為什么目標(biāo)值是400,可是元素只到393就一直死循環(huán),
1 回答完美的運(yùn)動(dòng)框架中for循環(huán)實(shí)現(xiàn)多個(gè)運(yùn)動(dòng)同時(shí)進(jìn)行變化的原理是啥了?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-05-15
同學(xué),你要認(rèn)真聽(tīng)講??!老師有解釋很清楚的
this,指的是當(dāng)前的a標(biāo)簽,也就是說(shuō),你鼠標(biāo)移動(dòng)到哪一個(gè)a標(biāo)簽,哪一個(gè)a標(biāo)簽才會(huì)有后續(xù)動(dòng)作;而_this指的是當(dāng)前a標(biāo)簽下的第一個(gè)i標(biāo)簽,也就是要做動(dòng)畫運(yùn)動(dòng)的那個(gè)圖片所在的標(biāo)簽,為什么要用TagName?因?yàn)檫@樣便于獲取a標(biāo)簽下的i標(biāo)簽?。蝗绻阌X(jué)得像老師這樣命名不好理解,你也可以把_this換成i也行,