想請教一下使用margin-top實現圖片切換的原理 謝謝
pic.style.marginTop=-170*curIndex+'px'; 請教問一下這段的意義 謝謝
mephe
2015-06-10
2 回答
舉報
0/150
提交
取消
2015-11-24
試了一下，這個原理是這樣的：ul沒有設置height，而li設置了height：170px，使得ul被子元素li撐高為5*170px，這樣子就是一副長長的圖片，由于祖先元素.wrap設置了overflow：hidden;這樣就只能看到第一張圖片。
這時候設置了wrap為relative，ul設置為absolute，那么ul就可以根據wrap進行margin-top向上移動-170*n*px進行涌移動了，這樣圖片不斷地移動，圖片就會不斷輪到下一張。
2015-11-24
這里只是ul實現了絕對定位吧，怎么圖片變成絕對定位了？
.wrap ul{position:absolute;}?
? .wrap ul li{height:170px;}
應該不是這個原理吧