PHP砸金蛋_jQuery砸金蛋_抽奖

本文将使用jQuery与PHP讲解如何实现一个WEB砸金蛋程序，首先我们需要准备素材，即金蛋图片、砸碎后的金蛋图片、砸碎后的碎花图片、以及锤子四张图片。

查看演示下载资源：0次

手机扫码访问：

下载资源下载积分：30分

　　HTML

　　三个金蛋、一把锤子及中奖结果#result_tip

　　jQuery

　　1、当鼠标滑向金蛋时，锤子会仅靠金蛋右上方，通过position()来控制位置。
　　2、当挥动锤子砸向金蛋eggClick()前，我们先把金蛋中的数字编号隐藏起来。
　　最后，我们向后台ajax.php发送一个ajax请求，后台php程序会处理奖项分配并把中奖结果返回。我们使用animate()来实现砸锤子的动画，通过改变锤子的top和left位子来实现简单的动画效果，锤子砸下去后，金蛋样式变为.curruent，同时金花四溅，最后展现中奖结果。
　　通过ajax.php，我们可以看出共设置了7个奖项并设置了中奖概率，比如砸中”iphone5s“的几率占5%，砸不中的几率占10%，点击演示砸金蛋demo来试试你的运气吧。