久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

22
2017/01

頁面中的新聞滾動是如何實現(xiàn)的

發(fā)布時間:2017-01-22 13:41:49
發(fā)布者:jiangbing
瀏覽量:
0

很多網(wǎng)站中的頁面都有滾動頭條,具體是如何實現(xiàn)的呢?

首先,他的大致結構是由兩個div,一個ul組成。css樣式很簡單,這里主要用到了position定位跟overflow。

接下來就是jq了,具體寫法:

這里是由動畫animate來執(zhí)行的,每次滾動50像素,需要注意的是當ul向上滾動負50像素的時候,需要將他的樣式再重新拉回到0像素,就是他的原出發(fā)點。

最后效果圖。

LVVJLDO73W@OVD3ML8[8669.png

關鍵詞:
返回列表