找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1872|回复: 1

[HTML5] 请教一下手机摇一摇切换背景图片是怎么做的呢?

[复制链接]
发表于 2014-9-23 17:27:25 | 显示全部楼层 |阅读模式
请教一下手机摇一摇切换背景图片是怎么做的呢?
发表于 2014-9-24 08:49:16 | 显示全部楼层
设备事件

    设备事件 device event 可以让开发人员确定用户在怎样的使用设备,W3C从2011年开始就在制定关于设备时间的新草案,以涵盖不断增长的设备类型并且定义相关事件。



    1. orientationchange 事件
    苹果公司为一定 safari 添加orientationchange 事件,方便开发人员对于横向与竖向查看模式的处理。

    window.orientation 属性中包含3个值,0 表示肖像模式,90 代表左旋转横向模式 -90代表右旋转横向模式,文档中还有 180 代表倒置,但还未支持。

    只要设备更改了查看模式就会触发 orientationchange 事件,event中不包含任何有价值的信息,唯一信息可以通过 window.orientation 访问到。

     2. MozOrientation 事件

    Firefox 3.6 为检测设备的方向引入了该事件。与iSO的 orientationchange 事件不同,该事件只能提供一个平面方向的变化。

    event 对象中包含3个值, 想x,y,z处于 1  至  -1 之间,竖直状态下  x:0 ,y:0, z:1如果设备向右倾斜,x 会减小,反之向左倾斜x增大。向远离用户方向倾斜 y减少,接近方向倾斜则会增大。z表示垂直上的加速度,1表示静止不动,失重状态下为0 (为实验性的API)。

    3. deviceorientation事件 与 devicemotion事件。
参考地址
http://www.ablanxue.com/prone_15189_1.html

http://yongkuang.iteye.com/blog/1680869

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-1-19 16:47 , Processed in 0.062765 second(s), 7 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表