亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - 圖片顯示滾動(dòng)問(wèn)題
習(xí)慣沉默
習(xí)慣沉默 2017-05-19 10:27:01
0
4
1068

#如圖片,截圖的一部分,這些圖片都是在一個(gè)ul中,假如有25張圖片。初始畫(huà)面是顯示了10張圖片,當(dāng)點(diǎn)擊更多按鈕的時(shí)候,10張圖片整體向上滾動(dòng)隱藏。從下面在滾動(dòng)是10張圖片。一次只能顯示10張。再點(diǎn)一次,就顯示5張圖片。最後點(diǎn)擊,又回到初始狀態(tài) 這樣的效果是怎麼做的。求大家講解一下。沒(méi)有思路

習(xí)慣沉默
習(xí)慣沉默

全部回覆(4)
黃舟

先控制父親容器position:relative,top:0,left:0,transition:all .5

第一次點(diǎn)擊負(fù)十張圖片的高度

第二次點(diǎn)擊負(fù)二十張圖片的高度

.....

其他同理

最後一次 :top:0

PHPzhong

是不是那種四張圖片輪播呀?原理

Peter_Zhu

樓上正解,一般輪播都是這個(gè)思路,首先父級(jí)是超出隱藏的,之後就是一直調(diào)整高度就ok了

阿神

樓上正解,一般輪播都是這個(gè)思路,另外css的動(dòng)畫(huà)效果也不錯(cuò),也推薦用js jq動(dòng)畫(huà)來(lái)寫(xiě) 會(huì)體驗(yàn)更好

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板