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