想請教一下使用margin-top實(shí)現(xiàn)圖片切換的原理 謝謝
pic.style.marginTop=-170*curIndex+'px'; 請教問一下這段的意義 謝謝
mephe
2015-06-10
2 回答
舉報(bào)
0/150
提交
取消
2015-11-24
試了一下，這個(gè)原理是這樣的：ul沒有設(shè)置height，而li設(shè)置了height：170px，使得ul被子元素li撐高為5*170px，這樣子就是一副長長的圖片，由于祖先元素.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ì)不斷輪到下一張。
2015-11-24
這里只是ul實(shí)現(xiàn)了絕對定位吧，怎么圖片變成絕對定位了？
.wrap ul{position:absolute;}?
? .wrap ul li{height:170px;}
應(yīng)該不是這個(gè)原理吧