paroller.js 是一款轻量级的页面滚动视觉差特效 jquery 插件。该 jquery 插件可以在页面滚动时,使指定的图片元素产生炫酷的视觉差效果。
在页面中引入 jquery 和 jquery.paroller.js 文件。。
<script src="path/to/js/jquery.min.js"></script>
<script src="path/to/js/jquery.paroller.min.js"></script>
为需要制作视觉差效果的元素指定 data-*属性。
<div data-paroller-factor="-0.1"
data-paroller-type="foreground"
data-paroller-direction="horizontal"
>
在页面 DOM 元素加载完毕之后,可以通过下面的方法来初始化该 jquery 视觉差插件。
$(window).paroller();
或在初始化时指定参数:
$(window).paroller({ factor: '0.5', type: 'foreground', direction: 'horizontal' });
data-*参数 | 默认值 | 描述 |
data-paroller-factor | 0 | 设置元素的偏移和速度。值在 0.3 到-0.3 之间。 |
data-paroller-type | background | 背景元素还是前景元素:background, foreground。 |
data-paroller-direction | vertical | 视觉差的方向:vertical, horizontal。 |
Github 地址:https://github.com/tgomilar/paroller.js
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!