原創(chuàng)|行業(yè)資訊|編輯:龔雪|2016-03-08 09:11:51.000|閱讀 1266 次
概述:在本文中,小編為大家收集了一些用于創(chuàng)建酷炫滾動(dòng)效應(yīng)的優(yōu)秀JavaScript庫。動(dòng)畫和特效能夠幫助網(wǎng)站變得更有活力和感染力,而這些非常棒的JavaScript庫則能幫助您創(chuàng)建這樣的網(wǎng)站。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
在本文中,小編為大家收集了一些用于創(chuàng)建酷炫滾動(dòng)效應(yīng)的優(yōu)秀JavaScript庫。動(dòng)畫和特效能夠幫助網(wǎng)站變得更有活力和感染力,而這些非常棒的JavaScript庫則能幫助您創(chuàng)建這樣的網(wǎng)站。
在一些網(wǎng)頁上,當(dāng)您滾動(dòng)頁面時(shí)會看到各式各樣的元素動(dòng)畫效果,非常動(dòng)感。WOW.js就是一款幫助您實(shí)現(xiàn)這種CSS動(dòng)畫效果的插件,很容易定制。您可以改變動(dòng)畫設(shè)置喜歡的風(fēng)格、延遲、長度、偏移和迭代等。
該jQuery插件能夠幫助您構(gòu)建復(fù)雜的基于滾動(dòng)動(dòng)畫的單滾動(dòng)頁面,其注重性能并且適用于移動(dòng)設(shè)備。
Enllax.js是一個(gè)用來實(shí)現(xiàn)視差滾動(dòng)效果的超輕量級超好用的插件。
該插件是一款響應(yīng)式的插件,并且對移動(dòng)設(shè)備非常友好。
crossfade.js是一個(gè)小巧的jQuery插件,壓縮之后僅3KB。當(dāng)頁面往下滾動(dòng)時(shí),crossfade.js會讓圖片漸漸的模糊,就像是將要淡出的感覺;當(dāng)頁面往上滾動(dòng)的時(shí)候,圖片又會變的清晰。
Parallax.js是一個(gè)簡單的、輕量級的的視差引擎,能夠?qū)χ悄茉O(shè)備的方向作出反應(yīng)。在沒有陀螺儀或運(yùn)動(dòng)檢測硬件可用時(shí),使用光標(biāo)的位置來代替。
該插件能為您的網(wǎng)站添加像iOS/Android這樣的溢出滾動(dòng)效果。
Animate Scroll是一個(gè)簡單的jQuery插件,它用來為滾動(dòng)增加延遲效果。它可以自定義滾動(dòng)樣式(30多種滾動(dòng)效果)和滾動(dòng)速度,還有一個(gè)可以操縱"滾動(dòng)結(jié)束位置"的"padding"選項(xiàng)。
jQuery Scroll Path是一個(gè)jQuery的全屏滾動(dòng)插件,可以自定義滾動(dòng)路徑,頁面內(nèi)容會沿著路徑進(jìn)行動(dòng)畫移動(dòng)。該插件使用canvas flavored的語法來繪制路徑,可以通過鼠標(biāo)滾輪上/下箭頭鍵和空格鍵來查看路徑效果;空格鍵的查看速度會比鼠標(biāo)滾動(dòng)的效果快;當(dāng)您按住Shift鍵的時(shí)候再按空格鍵時(shí),路徑將會向后滾動(dòng)。除此之外,我們還可以通過這個(gè)插件來自定義滾動(dòng)條。
Sly是一個(gè)很不錯(cuò)的滾動(dòng)條jquery插件。
這是一個(gè)jQuery的插件,提供任何滾動(dòng)元素的視差滾動(dòng)效應(yīng)。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)