關于錯位視覺滾動效果的教程和插件
近些年來，用戶對視覺體驗的要求不斷提高，而設計師們也開始在網頁設計中加入各種特效元素以滿足用戶的需求。其中有一種特效的效果很具有吸引力，它就是錯位視覺滾動效果。錯位視覺滾動（Parallax Scrolling）是指讓多層背景以不同的速度移動，形成立體的運動效果，可以帶來非常出色的視覺體驗。
隨著這種炫酷的效果***在Nike 2011年的 Nike Better World 項目中***展現，如今這種錯位視覺滾動效果被越來越多的國外網站所應用，成為Web設計的熱點趨勢。因此，本文整理了十種關于此效果的教程和插件和大家分享，希望為你的網站設計提供一些靈感。
不過有兩個方面需要讀者注意：
以大量圖片為特色的網站應該考慮圖像的預加載問題，以便為用戶提供更好更流暢的視覺體驗；
某些網站頁面在移動設備上的效果可能較之在PC上有所不同，一些功能也可能無法正常使用。
一個超級棒的插件，為你的網站提供縱深和滑動效果。
一份幫助你增加網頁立體層次感的教程。
一份為那些急切想重現NIKE網站滾動效果的設計師準備的教程。
4、用jQuery和CSS構建一個具有錯位視覺滾動效果的網站界面
一份為那些想在此領域了解的更深的設計師準備的例子和教程。
一份教程，在背景上幫你添加一些滾動的云彩。
用一個動畫式的網頁頭部來讓你的訪問者為你歡呼吧！
7、錯位視覺滾動教程
一份錯位視覺效果和內容同時出現的有趣的教程。
一個通過重復和動畫運動產生立體錯覺的插件。
一個為任何滾動元素提供錯位視覺滾動效果的JQuery插件。
10、Curtain.js
允許你嵌入一個類似于幕布升起的效果到你的網頁中。
原文鏈接：10 Useful Tutorials And Plugins for creating Parallax and scrolling effects.
【編輯推薦】
