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