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

發(fā)布時間：2017-01-22 13:41:49

發(fā)布者：jiangbing

瀏覽量:

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

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

接下來就是jq了，具體寫法：

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

最后效果圖。

上一篇： Html中的錨點連接是如何來使用的

下一篇：無縫滾動用jquery是如何來實現(xiàn)的

關(guān)鍵詞:

相關(guān)文章

2024-12-21

在yonbuilder中如何使用UISlider插件查看詳情

2024-12-07

2024-12-06

蛋糕店如何在雙十二期間引流鎖客查看詳情

2024-12-03

餐飲小程序如何幫助商家玩轉(zhuǎn)會員運營查看詳情

2024-11-29

2024-11-04

相關(guān)案例

移動詳細系統(tǒng)

手術(shù)移動護理系統(tǒng)

手術(shù)護理系統(tǒng) 手術(shù)移動護理系統(tǒng) 手術(shù)護理流程化管理系統(tǒng)

紅寶書智慧黨建平臺

黨建平臺

东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型