ThinkPHP3.2.3实现手机摇一摇随机推荐文章效果

原创: 2016-06-07 11:36:55 640浏览

手机摇一摇效果基于html5方向感应DeviceOrientation，它将底层的方向和运动传感器进行了高级封装，轻松的实现重力感应、指南针等有趣的功能。今天我们以实例展示THINKPHP3.2.3实现手机摇一摇随机推荐文章效果。
可手机或微信访问www.gouugoyin.cn首页，用手机摇一摇，即可在右侧看到摇一摇随机推荐效果。

首先在需要摇一摇的模板页引入jquery.js和检测手机摇晃的shade.js，HTML结构如下：







    

       摇一摇随机推荐

然后使用shake.js检测到用户手机摇晃，当摇晃发生时调用函数shakeEventDidOccur()，向服务器发送Ajax请求，JS代码如下：服务器根据提交的请求参数生成随机文章列表数组并循环拼接好的html代码片段，我们将返回html片段追加到ul里，实现了摇一摇随机推荐的效果。
PS：为方便大家使用，特将所有涉及的代码和数据库打包上传，下载地址：http://www.gouguoyin.cn/php/62.html

AD：真正免费，域名+虚机+企业邮箱=0元

thinkphp代码，代码示例，代码参考，php短信，数据库备份代码，令牌验证，去除代码中的空白和注释thinkphp PHP课程 HTML视频教程 CSS视频 JS视频教程 Vue视频教程

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：让子域名支持带端口号的形式下一条：让TP支持局部控制器层次配置