一月 5, 2016 | 前端與Vue

parallax.js 視差效果

<p>parallax.js 是一個十分好用的 plugin ,可以使你網頁有著更生動的視差效果!</p> <p>step1:</p> <p>下載完他的plugin後,先進行引入plugin的動作</p> <pre> &lt;script src="/path/to/parallax.js"&gt;&lt;/script&gt;</pre>

parallax.js 是一個十分好用的 plugin ,可以使你網頁有著更生動的視差效果!

 

step1:

下載完他的plugin後,先進行引入plugin的動作

<script src="/path/to/parallax.js"></script>

 

step2:

前方輸入你想要製作成視差的區塊,後方輸入你想要demo視差效果的圖片入徑

$('.parallax-window').parallax({imageSrc: '/path/to/image.jpg'});

 

只要兩步驟就能完成一個還不錯的視差效果摟!