功能很早就实现了,没时间和大家分享,现在来分享下。
此功能通过html5新特性重力加速实现,不多说,上代码:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>摇一摇,送妹子</title>
</head>
<body>
<div id="shake" style="font-size: 14px; margin: 10px; line-height: 35px; display: none;"></div>
<script type="text/javascript">
//需要判断浏览器是否支持
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false);
document.getElementById("shake").innerHTML = '摇一摇,送“妹子”。';
} else{
document.getElementById("shake").innerHTML = '您看到了以下提