文件名称：Tilt:倾斜-使用陀螺仪在Javascript中移动元素！
文件大小：259KB
文件格式：ZIP
更新时间：2024-05-18 16:10:02
JavaScript
倾斜 倾斜-使用陀螺仪在Javascript中移动元素！ 可能需要在移动设备上才能观看演示。 演示： : 倾斜您的设备以查看图片从左到右，上下移动！ 我在解释它的工作方面做得很糟糕。 考虑一下iOS 7和8； 当您将手机向侧面倾斜时，背景图片会如何移动一点。 使用jQuery和一些crabby localStorage（以存储设备的原始位置）。 在页面加载时使用localStorage，存储设备的原始位置（x＆y）。 倾斜然后根据原始位置工作。 即：页面已加载； 原始位置：x = -4，y = +5（b / c并非每个人都以相同的方式握住电话！） 获取当前设备位置后，如果客户端的设备可以，它将对div图片进行动画处理，以向左/向右/向上/向下移动。 即：以x = -4，y = +5加载。 用户将设备稍微向右倾斜，当前x = 2（最初为-4）。 原始+当前：-4 + 2 = -2
【文件预览】：
Tilt-master
----images()
--------bg.jpg(233KB)
----js()
--------jquery.js(82KB)
--------tilt.js(2KB)
----css()
--------style.css(145B)
----README.md(1KB)
----index.html(606B)