課程
/前端開(kāi)發(fā)
/HTML/CSS
/DOM探索之基礎(chǔ)詳解篇
imgs[j].style.left=parseInt(imgs[j].style.left,10)-translate+'px';
沒(méi)有理解
2015-10-16
源自:DOM探索之基礎(chǔ)詳解篇 1-3
正在回答
初始設(shè)置圖片的堆疊,被遮蓋部分的寬度等于每張圖片的寬度減去顯現(xiàn)部分的寬度,那么將未打開(kāi)(即圖片顯示不完全)的圖片的左偏移量減去被遮蓋部分的寬度就可將整張圖片顯示出來(lái)。
歐耶233 提問(wèn)者
qq_溡簡(jiǎn)惔莣孒苆_0
第j圖片當(dāng)前左邊距 = 第j張圖片原來(lái)左邊距-向左左邊偏移距離
我是初學(xué)者才學(xué)習(xí)17天零基礎(chǔ)。我對(duì)這句話的理解就是如下。
首先要知道img[i].style.left的意思就是在img[ ]這個(gè)對(duì)象下的css樣式的絕對(duì)浮動(dòng)left的值。
imgs[ ]是數(shù)組對(duì)象,已經(jīng)在老師視頻前面定義的了,是從dom里面獲取的語(yǔ)法就是getElementsByTag(),里面的parseInt(轉(zhuǎn)換為整型的字符串或者其他數(shù)據(jù)類型,此處是基數(shù)(就是轉(zhuǎn)化成10進(jìn)制)),好此時(shí)獲得的值已經(jīng)是數(shù)值類型了,translate前面也聲明了就是imgWidth減去exposeWidth(此處是暴露的照片的寬度的數(shù)值沒(méi)有加px的,數(shù)值數(shù)值重要的事說(shuō)三遍),所以需要用parseInt來(lái)轉(zhuǎn)換數(shù)據(jù)類型。減掉的結(jié)果此時(shí)是數(shù)值加上單位px就是鼠標(biāo)在圖片上的事件onmouseover觸發(fā)后圖片絕對(duì)浮動(dòng)(position:absolute)left的值了。
-translate ?這是什么語(yǔ)法?translate這個(gè)是css3的詞匯吧,在這里可以直接相減嗎?如果可以,那它是什么意思呢
? ? 能不能說(shuō)的再詳細(xì)點(diǎn),太籠統(tǒng)了
舉報(bào)
要知道前端大牛都是從精通DOM開(kāi)始的,全面講解DOM的基礎(chǔ)知識(shí)
1 回答parseInt(imgs[j].style.left,10)改為imgs[j].offsetLeft為什么不可以呢
2 回答parseInt(imgs[j].style.left, 10) 10是哪里來(lái)的,為什么設(shè)置為10
1 回答imgs[j].style.left 中值的問(wèn)題,按循環(huán)來(lái)算,imgs[1].style.left=exposeWidth,并不是圖片的寬度啊
4 回答parseInt(img[i].style.left,10)轉(zhuǎn)化原來(lái)位置為整數(shù),逗號(hào)后面的10代表什么?
2 回答imgs定義了沒(méi)有使用
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)
2015-10-16
初始設(shè)置圖片的堆疊,被遮蓋部分的寬度等于每張圖片的寬度減去顯現(xiàn)部分的寬度,那么將未打開(kāi)(即圖片顯示不完全)的圖片的左偏移量減去被遮蓋部分的寬度就可將整張圖片顯示出來(lái)。
2017-04-11
第j圖片當(dāng)前左邊距 = 第j張圖片原來(lái)左邊距-向左左邊偏移距離
2016-04-23
我是初學(xué)者才學(xué)習(xí)17天零基礎(chǔ)。我對(duì)這句話的理解就是如下。
首先要知道img[i].style.left的意思就是在img[ ]這個(gè)對(duì)象下的css樣式的絕對(duì)浮動(dòng)left的值。
imgs[ ]是數(shù)組對(duì)象,已經(jīng)在老師視頻前面定義的了,是從dom里面獲取的語(yǔ)法就是getElementsByTag(),里面的parseInt(轉(zhuǎn)換為整型的字符串或者其他數(shù)據(jù)類型,此處是基數(shù)(就是轉(zhuǎn)化成10進(jìn)制)),好此時(shí)獲得的值已經(jīng)是數(shù)值類型了,translate前面也聲明了就是imgWidth減去exposeWidth(此處是暴露的照片的寬度的數(shù)值沒(méi)有加px的,數(shù)值數(shù)值重要的事說(shuō)三遍),所以需要用parseInt來(lái)轉(zhuǎn)換數(shù)據(jù)類型。減掉的結(jié)果此時(shí)是數(shù)值加上單位px就是鼠標(biāo)在圖片上的事件onmouseover觸發(fā)后圖片絕對(duì)浮動(dòng)(position:absolute)left的值了。
2016-02-06
-translate ?這是什么語(yǔ)法?translate這個(gè)是css3的詞匯吧,在這里可以直接相減嗎?如果可以,那它是什么意思呢
2015-12-16
? ? 能不能說(shuō)的再詳細(xì)點(diǎn),太籠統(tǒng)了