可手机或微信访问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元