抖动手机的特殊效果

手机可以在很多场景中使用，如摇彩票、摇歌等。在这篇文章中，我将介绍如何使用HTML5来动摇手机的效果。

请注意，这是一个全面的Web知识应用程序。前提是您需要HTML5、jQuery、PHP、mysql等相关的基础知识。
HTML
在我的页面中，默认显示产品信息。（品牌服装产品图片和文字说明），当然，在实际应用中，您可以从数据库中获得产品信息。

晃动你的手机

灰色

然后我们将jQuery库文件加载到页面中。同时，我们将继续按照以前的文章：听众的手机代码，用于在使用HTML5实现摇动手机功能的过程，是shake.js。


jQuery
我们用shake.js检测用户的手机震动。当地震发生时，调用该函数shakeeventdidoccur（），发送Ajax请求的背景product.php，和后台程序将返回对应的JSON数据，根据提交的请求参数，根据返回的数据，并显示相应的产品图片和文字信息，实现对修整效果的影响。
在window.onload =函数（）{
无功myshakeevent =新摇（{
Threshold: 15
}）；

MyShakeEvent.start（）；

Window.addEventListener（'shake '，shakeeventdidoccur，假）；

功能shakeeventdidoccur（）{
无功pro_id = $（#亲）。Attr（关系）；
美元。getJSON（的产品。phpid =+ pro_id，功能（JSON）{
如果（JSON = 1）{
$（#亲）。Attr（与
html（+；
其他{ }
警报（JSON）；
}
}）；
}
}；
PHP
基于ID接收ajax提交背景product.php参数，除了目前的身份资料信息查询数据库，获取相应的数据集的结果，然后随机从数据出发的一组数据（因为只有一个显示数据以JSON格式在一个时间），返回前结束通话，请看代码：
< PHP
数据库连接
include_once（连接。PHP ）；

ID = intval美元（美元_get { 'id' }）；
如果（$ = 0）退出；
数据查询
为查询= mysql_query（选择*从衣服里的ID！=id）；
总= mysql_num_rows美元（$查询）；
ARR =阵列（美元）；
如果（总计= 0）{
{ } = 'msg ARR美元没有足够的衣服！；
其他{ }
美元'msg} = 1度{；
而（$行= mysql_fetch_array（$查询））{
元（数组）
ID = > $行{ 'id' }，
色= > $行{色彩}，
PIC= > $行{ 'pic}
）；
}
一组随机选择的数据
{ } = 'pro ARR美元的美元利{ array_rand（合利）}；
}
以JSON格式输出数据
回声json_encode（$ ARR）；
>
当然，这只是一个示例应用程序。在开发过程中，可以根据实际应用程序优化PHP程序代码，创建与项目匹配的高质量PHP代码，最后给出MySQL数据表结构。
如果不存在，创建表（衣服）
` ID ` int（11）不为空auto_increment，
`颜色` varchar（30）不为空，
` PIC ` varchar（30）不为空，
主键（id）
）= MyISAM引擎默认的字符集utf8 auto_increment = 5；

插入衣服（id，颜色，图片）值
（1，灰色，'z1 .webp），
（2，紫色的，'z2 .webp），
（3，红、'z3 .webp），
（4，蓝，'z4 .webp）；
以上是本文的全部内容，希望大家能喜欢。