軟件簡介
視差滾動(dòng)解決方案鐠 pa.js，代碼簡約，快速上手。pa取自視差滾動(dòng)（parallax scrolling）視差英文頭兩個(gè)字母。是一款國產(chǎn)視差滾動(dòng)js解決方案，采用了靈活的html屬性來自定義效果。不管你是不是js高手，你都可以在一分鐘內(nèi)快速完成一個(gè)視差效果制作。
通過在html標(biāo)簽中引入before, after，speed，delay等屬性。即可快速自定義視差滾動(dòng)效果。引入pa.js插件,基于jquery開發(fā)，所以還需要引入jquery庫文件。
<script src="jquery.js"></script>
<script src="pa.js"></script>
通過在html中添加屬性來實(shí)現(xiàn)自定義視差效果，代碼片段：
<h1 class="pa" before="top:0;opacity:0" after="top:0;opacity:1;fontSize:100" speed="200" delay="0">pa.js</h1>
注解：調(diào)用 class="pa"。 before="..." ,after="..." 為自定義視差滾動(dòng)的屬性，引號里面書寫css語法代碼（除了帶下劃線的屬性例如：font-size:100 寫為 fontSize:100）。
speed="1000" //動(dòng)畫效果時(shí)間，填寫數(shù)字，1000為1秒
delay="1000" // 動(dòng)畫延時(shí)時(shí)間，填寫數(shù)字，1000為1秒