第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

想請(qǐng)教一下使用margin-top實(shí)現(xiàn)圖片切換的原理 謝謝

pic.style.marginTop=-170*curIndex+'px'; 請(qǐng)教問(wèn)一下這段的意義 謝謝

正在回答

2 回答

試了一下,這個(gè)原理是這樣的:ul沒(méi)有設(shè)置height,而li設(shè)置了height:170px,使得ul被子元素li撐高為5*170px,這樣子就是一副長(zhǎng)長(zhǎng)的圖片,由于祖先元素.wrap設(shè)置了overflow:hidden;這樣就只能看到第一張圖片。

這時(shí)候設(shè)置了wrap為relative,ul設(shè)置為absolute,那么ul就可以根據(jù)wrap進(jìn)行margin-top向上移動(dòng)-170*n*px進(jìn)行涌移動(dòng)了,這樣圖片不斷地移動(dòng),圖片就會(huì)不斷輪到下一張。

0 回復(fù) 有任何疑惑可以回復(fù)我~

這里只是ul實(shí)現(xiàn)了絕對(duì)定位吧,怎么圖片變成絕對(duì)定位了?

.wrap ul{position:absolute;}?

? .wrap ul li{height:170px;}

應(yīng)該不是這個(gè)原理吧

0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

想請(qǐng)教一下使用margin-top實(shí)現(xiàn)圖片切換的原理 謝謝

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)