jQuery 全屏滚动插件 fullpage
jQuery全屏滾動(dòng)插件fullPage.js
fullPage.js 是一個(gè)基于 jQuery 的插件,它能夠很方便、很輕松的制作出全屏網(wǎng)站,主要功能有:
支持鼠標(biāo)滾動(dòng)
支持前進(jìn)后退和鍵盤控制
多個(gè)回調(diào)函數(shù)
支持手機(jī)、平板觸摸事件
支持 CSS3 動(dòng)畫
支持窗口縮放
窗口縮放時(shí)自動(dòng)調(diào)整
可設(shè)置滾動(dòng)寬度、背景顏色、滾動(dòng)速度、循環(huán)選項(xiàng)、回調(diào)、文本對(duì)齊方式等等
https://www.dowebok.com/77.html
全屏/整屏滾動(dòng)組件fullPage
與 fullPage.js 相比,fullpage 不依賴任何 js 庫(kù),可獨(dú)立使用
功能上雖然不如 fullPage.js 強(qiáng)大,但一般使用已經(jīng)足夠了,尤其是它的動(dòng)畫效果,你可以自由設(shè)定縮放、旋轉(zhuǎn)以產(chǎn)生各種各樣的動(dòng)畫效果
同時(shí)它還支持 fullPage.js 所沒有的水平滾動(dòng)
https://www.dowebok.com/143.html
WOW.js – 讓頁(yè)面滾動(dòng)更有趣
WOW.js 依賴 animate.css,所以它支持 animate.css 多達(dá) 60 多種的動(dòng)畫效果,能滿足您的各種需求
https://www.dowebok.com/131.html
animate.css – 齊全的CSS3動(dòng)畫庫(kù)
animate.css 是一個(gè)來自國(guó)外的 CSS3 動(dòng)畫庫(kù)
它預(yù)設(shè)了抖動(dòng)(shake)、閃爍(flash)、彈跳(bounce)、翻轉(zhuǎn)(flip)、旋轉(zhuǎn)(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多達(dá) 60 多種動(dòng)畫效果,
幾乎包含了所有常見的動(dòng)畫效果
https://www.dowebok.com/98.html
DD Full Screen Slider – jQuery全屏滾動(dòng)插件
DD Full Screen Slider 是一款基于 jQuery 和 jquery.mousewheel.js 的全屏滾動(dòng)插件
正因?yàn)榛谇懊鎯蓚€(gè)文件,所以它比較小,不壓縮也不到 10KB。DD Full Screen Slider 有一下特點(diǎn)
支持桌面和移動(dòng)設(shè)備
多種方式切換:鼠標(biāo)滾輪、鼠標(biāo)拖拽、圓點(diǎn)導(dǎo)航、鍵盤方向鍵
支持錨點(diǎn)/哈希
在不支持 CSS3 動(dòng)畫的瀏覽器中自動(dòng)回滾使用 jQuery 動(dòng)畫
支持多種瀏覽器,包括 IE8(部分)
https://www.dowebok.com/181.html
總結(jié)
以上是生活随笔為你收集整理的jQuery 全屏滚动插件 fullpage的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: OSG学习:用多通道(multiple
- 下一篇: 闽教英语