简单，轻量级的的视差引擎，智能设备的方向作出反应。凡没有陀螺仪或运动检测硬件是可用的，光标的位置来代替。使用步骤只需创建一个列表，给每个项目要内移动您的视差场景一类层和数据深度属性指定场景内的深度的元素。深度0，将导致层保持静止，深度为1，将导致层移动至所计算的运动的总效应。值插图中0和1，会造成层移动相对于所提供的比例。
视差场景，请选择您的父DOM元素，并把它传递给视差的构造函数。var scene = document.getElementById('scene');var parallax = new Parallax(scene);行为：数据属性的例子行为：构造函数对象实例var scene = document.getElementById('scene');var parallax = new Parallax(scene, { calibrateX: false, calibrateY: true, invertX: false, invertY: true, limitX: false, limitY: 10, scalarX: 2, scalarY: 8, frictionX: 0.2, frictionY: 0.8});行为：API示例var scene = document.getElementById('scene');var parallax = new Parallax(scene);parallax.enable();parallax.disable();parallax.calibrate(false, true);parallax.invert(false, true);parallax.limit(false, 10);parallax.scalar(2, 8);parallax.friction(0.2, 0.8);jQuery$('#scene').parallax();jQuery的：传递选项$('#scene').parallax({ calibrateX: false, calibrateY: true, invertX: false, invertY: true, limitX: false, limitY: 10, scalarX: 2, scalarY: 8, frictionX: 0.2, frictionY: 0.8});jQuery APIvar $scene = $('#scene').parallax();$scene.parallax('enable');$scene.parallax('disable');$scene.parallax('calibrate', false, true);$scene.parallax('invert', false, true);$scene.parallax('limit', false, 10);$scene.parallax('scalar', 2, 8);$scene.parallax('friction', 0.2, 0.8); ![parallax.js 轻量级的的视差引擎]()
在线演示
积分下载
6毛下载
砍两刀下载
文件目录······
