js实现手机端摇一摇

实现摇一摇功能，有两种js事件负责处理设备方向的信息，第一种是：DeviceOrientationEvent，它会在加速度传感器检测到设备在方向上产生变化时触发；第二种是：DeviceMotionEvent，它会在加速度发生改变时触发，在这里采用的是第二种方法。

代码如下：

可以通过将该文件放在wamp的web目录下，手机通过跟本地服务器在同一局域网下实现访问，进行摇一摇。

wamp的配置修改可参考上一篇文章:https://blog.csdn.net/banana960531/article/details/82793950。

有错误的地方，欢迎指正~

js实现手机端摇一摇相关推荐

jquery，js实现手机端全屏轮播图手动滑动+自动切换(autoplay)
jquery,js实现手机端全屏轮播图使用了swiper插件,可手动滑动切换也可自动切换效果图 css代码只是作为参考,可以根据你自己的需求去改,这里我用的是上下两张背景图,图自行修改 html ...
js判断手机端还是电脑PC端(以及注意事项)
在router.index中声明方法,在导航守卫中调用并跳转要注意跳转的网址必须加上 http 或https 1: 不加是不会打开外网的连接,会在你服务内找localhost:XX/XX, 2:加上 ...
PDF在线预览插件touchPDF.js：手机端预览
接上一篇web端预览,博主找了一篇关于手机端的预览插件,丑是丑了点,但是能用,下面就来介绍一下吧! PDF在线预览插件:手机端预览 1.编辑界面的HTML代码 2.第二步就没了 3.既然这样那我们直接 ...
php代码适配手机端,js / php 手机端适配代码
第一. 使用js让广告适配合适的设备(当然你也可以直接让css来隐藏掉广告,但是js可以让网页的速度快一点,因为不需要去加载web端的广告了) function is_mobile() { var r ...
有搜索功能的下拉框chosen.jquery.js适配手机端
在实现动态生成下拉框数据的时候接触到了一个好用的js插件chosen.jquery.js,但是在使用的过程中发现在浏览器中是好用的,能够完美的实现功能,浏览器端界面如下图所示: 但是在做微信工众号的时 ...
html页面判断是手机端访问,JS 判断手机端和pc端后跳转对应页面
判断手机端和pc端 (function () { var sUserAgent = navigator.userAgent; if (sUserAgent.indexOf('Android') > ...
H5与js实现手机端和pc端自适应播放器
h5视频播放实现效果自适应实现实现实现效果 pc端手机端自适应实现 1.允许网页自动调整,在html文件的头部添加一行viewport元标签 <meta name="vie ...
使用Flexible.js实现手机端网页内容适配(rem适配法)
曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜.可没想到到了移动时代,为了处理各终端的适配而乱了手脚.对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论-- ...
js 适配手机端屏幕字体大小
通过js控制页面大小,字体大小 function setRootFontSize() {var width = document.documentElement.clientWidth,fontSiz ...
js实现手机端、pc端相应的跳转
2019独角兽企业重金招聘Python工程师标准>>> 只需要加入两行代码即可 1.加入压缩后的uaredirect.js function uaredirect(f){try{if ...

js实现手机端摇一摇

js实现手机端摇一摇相关推荐

最新文章

热门文章