創建吸引各種游客的注意力和興趣有很多種，其中之一是視差滾動（Parallax Scrolling）技術。在網頁設計中，視差滾動是當下流行的網頁設計技術，通過讓多層背景以不同的速度或者不同的方向移動形成 3D 運動效果，有很強的視覺沖擊力。

　　創建吸引各種游客的注意力和興趣有很多種，其中之一是視差滾動（Parallax Scrolling）技術。在網頁設計中，視差滾動是當下流行的網頁設計技術，通過讓多層背景以不同的速度或者不同的方向移動形成 3D 運動效果，有很強的視覺沖擊力。

　　這里集合了20個最好的視差滾動教程，里面有詳細的制作步驟的在線演示，你很快就能把這種流行的網站效果應用到自己的的網站中。

 

Prarllax Slider with jQuery

詳細教程     效果演示

 

Fluid CSS3 SlideShow with Parllax Effect

詳細教程      效果演示

 

Parllax Ccontent Slider with CSS3 and jQuery

詳細教程      效果演示

 

Parallax Effect

詳細教程      效果演示

 

Parallax scrolling website interfaces

詳細教程      效果演示

 

Funky Parallax Background Effect Using jQuery

詳細教程      效果演示

 

Building a Parallax Scrolling Storytelling Framework

詳細教程     效果演示

 

Create Parallax Scrolling Website Using Stellar.js

詳細教程     效果演示

 

One Page Website, Vertical Parallax

詳細教程      效果演示

 

A Simple Parallax Scrolling Technique

詳細教程      效果演示

 

The Parallax Effects with jQuery

詳細教程      效果演示

 

Scrolling Parallax

詳細教程      效果演示

 

 

本文鏈接：提升網站水平：15個最好的視差滾動教程

編譯來源：夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源