<form id="8vrow"><tr id="8vrow"></tr></form>

    <em id="8vrow"><object id="8vrow"></object></em>
    <rp id="8vrow"></rp><dd id="8vrow"><track id="8vrow"></track></dd>

  1. 您的位置:首頁源碼下載JavaScript代碼

    視差滾動js鐠pa.js下載

    授權形式: 免費版
    更新時間: 2013-10-08 09:53:35
    軟件語言: 簡體中文
    軟件平臺: Windows
    軟件類別: 國產軟件
    文件大。 未知
    評論等級: ★★★☆☆
    下載次數: 0(今日:,本周:,本月:

    軟件簡介

    視差滾動解決方案鐠 pa.js,代碼簡約,快速上手。pa取自視差滾動(parallax scrolling)視差英文頭兩個字母。是一款國產視差滾動js解決方案,采用了靈活的html屬性來自定義效果。不管你是不是js高手,你都可以在一分鐘內快速完成一個視差效果制作。

    通過在html標簽中引入before, after,speed,delay等屬性。即可快速自定義視差滾動效果。引入pa.js插件,基于jquery開發,所以還需要引入jquery庫文件。

    <script src="jquery.js"></script>
    <script src="pa.js"></script>  
     
    通過在html中添加屬性來實現自定義視差效果,代碼片段:

    <h1 class="pa" before="top:0;opacity:0" after="top:0;opacity:1;fontSize:100" speed="200" delay="0">pa.js</h1>     

    注解:調用 class="pa"。 before="..." ,after="..." 為自定義視差滾動的屬性,引號里面書寫css語法代碼(除了帶下劃線的屬性例如:font-size:100 寫為 fontSize:100)。
    speed="1000" //動畫效果時間,填寫數字,1000為1秒
    delay="1000" // 動畫延時時間,填寫數字,1000為1秒

    贊助商鏈接: