課程
/前端開發(fā)
/JavaScript
/JS動(dòng)畫效果
就是為什么這里是parseInt(oDiv.style.width)-1+'px'呢,之前學(xué)速度動(dòng)畫里面,都是直接oDiv.offsetLeft-1+'px'。
2016-04-11
源自:JS動(dòng)畫效果 4-2
正在回答
parseInt是獲取整數(shù),而后面的oDiv.style.width是獲取的在body下面標(biāo)簽里的格式,之前用oDiv.offsetLeft是直接獲取style里的值,但是在style里如果給oDiv加上了邊框,那么offsetLeft就不能準(zhǔn)確獲取left的值了,而是獲取left+邊框的值,這里的oDiv.style.width不會有這個(gè)問題,但是還是很麻煩,因此后來又封裝了一個(gè)函數(shù),也就是getStyle()函數(shù)
function getStyle(obj,attr){
?if(obj.currentStyle){
???? return obj.currentStyle[attr];
?}
else{
??? return getComputedStyle(obj,false)[attr];
}
然后就可以直接調(diào)用parseInt(getStyle(oDiv,"width"))來替換原來的oDiv.offsetWidth
z921129H 提問者
風(fēng)雨纏溪 回復(fù) z921129H 提問者
舉報(bào)
通過本課程JS動(dòng)畫的學(xué)習(xí),從簡單動(dòng)畫開始,逐步深入各種動(dòng)畫框架封裝
1 回答求大神幫忙看看
2 回答求大神幫忙看看
2 回答求大神幫忙看看為什么沒有移動(dòng)進(jìn)去?
2 回答求大神看看怎么沒反應(yīng)
1 回答求大神看看我的為啥沒效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-04-11
parseInt是獲取整數(shù),而后面的oDiv.style.width是獲取的在body下面標(biāo)簽里的格式,之前用oDiv.offsetLeft是直接獲取style里的值,但是在style里如果給oDiv加上了邊框,那么offsetLeft就不能準(zhǔn)確獲取left的值了,而是獲取left+邊框的值,這里的oDiv.style.width不會有這個(gè)問題,但是還是很麻煩,因此后來又封裝了一個(gè)函數(shù),也就是getStyle()函數(shù)
function getStyle(obj,attr){
?if(obj.currentStyle){
???? return obj.currentStyle[attr];
?}
else{
??? return getComputedStyle(obj,false)[attr];
}
}
然后就可以直接調(diào)用parseInt(getStyle(oDiv,"width"))來替換原來的oDiv.offsetWidth