面是测试html5重力感应的demo

http://bbs.qietu.com/html/zhongli/

http://www.qietu.com/html/f2/qqqianbao/

demo2是切图网为腾讯网提供的web前端技术支持的项目，采用的就是html5的重力感应。

重力感应主要用到两种事件：

1 orientationchange

这个事件在屏幕发生翻转时触发

window.orientation可获得设备的方向，一共有三个值0：竖直, 90：右旋, -90：左旋

2 deviceorientation 和 MozOrientation(firefox专用)

deviceorientation事件可获得三个值alpha,beta,gamma，分别代表绕Z轴的旋转角度(0~360)，绕X轴的旋转角度(-180~180)，绕Y轴的旋转角度(-90~90)

MozOrientation事件中可获得三个值z,x,y，分别代表垂直加速度，左右的倾斜角度，前后的倾斜角度(取值范围：-1~1)

坐标系见下图

下面是示例游戏用到重力感应的代码：

1. window.onorientationchange = function(e){

2. game.hideNavBar(); //屏幕翻转时隐藏地址栏

3. if(game.stage) game.stage.updatePosition(); //更新舞台位置

4. };

6. window.ondeviceorientation = function(e)

7. {

8. var ang;

9. var o = window.orientation; //获取设备方向

10. if(o == 90){

11. ang = e.beta; //设备横向1

12. }

13. else if(o == -90){

14. ang = -e.beta; //设备横向2

15. }

16. else if(o == 0){

17. ang = e.gamma; //设备纵向

18. }

20. if(ang > 5)

21. {

22. keyState[Q.KEY.RIGHT] = true;

23. }

24. else if(ang < -5)

25. {

26. keyState[Q.KEY.LEFT] = true;

27. }

28. else

29. {

30. keyState[Q.KEY.RIGHT] = false;

31. keyState[Q.KEY.LEFT] = false;

32. }

33. }

无附件，源码面前，了无秘密，作为web前端工程师，我们需要具备查看源码的能力。

原文：http://bbs.qietu.com/forum.php?mod=viewthread&tid=15036

博企业网站系统自适应HTML5版是以 Asp + Access/Microsoft SQL Server 开发的HTML5自适应企业网站源码，免费版无使用时间限制、无域名限制、基本功能无限制。

软件简介：

1、简单易用的后台操作页面，让网站管理更简单高效，尊享更好的用户体验。

2、功能强大灵活、程序安全可靠：新核心，程序更加健壮、内核更加安全可靠，确保您的企业网站可靠稳定运行。

3、专业SEO优化：让您的网站自然收录更快、收录更完整、优化更高效、排名更具优势。

4、支持电脑端、手机端、绑定到微信端、安卓APP、微信小程序，HTML5响应式内核，高效且优秀、更高端。

服务器配置：

推荐配置：Windows 2003/2008/2012/2016或更高版本 ＋ IIS 7.5或更高版本 + Microsoft SQL Server 2008/2012/2014/2016或更高版本

本系统需要服务器支持FSO（FileSystemObject），如果您的空间不支持FSO，请联系您的空间商。

安装说明：

1、请将官方程序包解压后上传至您的虚拟主机即可正常使用；

2、正式使用前，请务必仔细设置后台用户名、密码、认证码，并尽量不要使用如：admin 或 123456 这类过于简单的字符；并检查您的FTP用户名、密码不要过于简单或用户名、密码不要一致。经过以上设置，您的企业网站安全可稳如磐石。

图标不显示的说明：

打开服务器IIS管理器，添加MIME类型：

文件扩展名 MIME类型

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

------------------------------我是一条分隔线------------------------------

为什么使用千博企业网站系统？

建设网站，必须了解的潜规则！

能否被搜索引擎收录，并排在前列？

2019年，百度搜索引擎占据了大约70.3%的市场份额，所以一个网站是否能被百度友好的收录很重要！您现在能来到的网站，也许就是通过百度！

换个浏览器网站就打不开？

兼容性不够的话会影响访问网站的速度，一般是超过5秒载入，访问者就会流失。

网站还没上线，设计已经落后了！

2019年，手机用户规模达7.55亿，7.55亿手机用户已经习惯用手机浏览网站、使用微信浏览网站或使用微信小程序浏览网站，但大部分的网站设计公司仅仅停留在制作传统电脑端网站。

建站公司鱼龙混杂，选择需谨慎！

您是不是觉得做网站很容易？所以随便找了网站建设公司建一个网站就完事了？

结果，资料不是您的，数据您拿不到，出了问题更解决不了，甚至在几个月后网站建设公司都消失了…

千博拒绝低端劣质网站！

做网站如同工厂生产产品，达不到质量标准就不能出厂，千博有自己的质量控制体系。

设计与成品是否一致？

功能测试是否达标？

代码是否冗余？

TDK是否完善？

数据初始化是否完毕？

兼容性测试是否通过？

核心数据传递是否安全？

结构化数据是否规整？

nofollow检验是否完毕？

类名及选择器是否规范？

全国各地模拟访问是否正常？

服务器备份计划是否开启？

SEO搜索引擎代码优化是否检测？

冲突性测试是否通过？

异常是否规避？

安全测试是否达标？

真实数据交互是否正常？

场景及逻辑处理是否正常？

权限控制是否严谨？

生产环境配置是否恰当？

企业建站目的在于营销：

缺少营销基因，您的网站再漂亮也无人问津，如是，便错失互联网8亿市场。完善的体验积累，是您后来居上的垫脚石！

源自千博设计团队的原创设计它不止是一件艺术品！

为搜索引擎优化，流量爆升；

独一的设计，让客户过目不忘，提升品牌价值；

源自名家设计，更增添客户信任感。

------------------------------我是一条分隔线------------------------------

千博企业网站系统自适应HTML5版本免费下载：

http://www.qianbo.com.cn/Url/?refer=free_html5