图片/图形

轻量级页面滚动视觉差特效jQuery插件

阿里云


paroller.js 是一款轻量级的页面滚动视觉差特效 jquery 插件。该 jquery 插件可以在页面滚动时,使指定的图片元素产生炫酷的视觉差效果。

使用方法

在页面中引入 jquery 和 jquery.paroller.js 文件。。

也想出现在这里?联系我们
创客主机
  1. <script src="path/to/js/jquery.min.js"></script>
  2. <script src="path/to/js/jquery.paroller.min.js"></script>

HTML 结构

为需要制作视觉差效果的元素指定 data-*属性。

  1. <div data-paroller-factor="-0.1"
  2.      data-paroller-type="foreground"
  3.      data-paroller-direction="horizontal"
  4. >

初始化插件

在页面 DOM 元素加载完毕之后,可以通过下面的方法来初始化该 jquery 视觉差插件。

  1. $(window).paroller();

或在初始化时指定参数:

  1. $(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

轻量级页面滚动视觉差特效 jQuery 插件

已有 584 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!