您的位置:首页源码下载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秒

赞助商链接: