jquery砸金蛋抽奖活动胆码用jquery怎么写

WeiPHP是一款方便搭建,扩展性强的开源微信公众平台开发框架,它是基于oneThink这个简单而强大的内容管理框架实现的。利用她您可以轻松搭建一个属于自己的微信公众账号运营平台。遵循Apache2开源协议,免费提供使用,微信功能插件化开发,多公众号管理,配置简单。
丰富的功能模块 自定义菜单 简单配置,即可实现自己的自定义菜单,微粉丝带来方便的交互 智能聊天 通过网络上支持的智能API,实现:天气、翻译,IP查询、手机号码归属、人工智能聊天等功能 欢迎语 用户关注公众号时发送的欢迎信息,支持文本,图片,图文的信息 会员卡 轻松制作一个微会员卡,可以实行会员管理,优惠券发布和管理,通知的发布和管理 微信宣传页 微信公众号二维码推广页面,用作推广或者制作广告易拉宝,可以发布到QQ群微博博客论坛等等... 插件管理 按需启用需要的功能模块 积分管理 配置积分值,财富值,管理粉丝积分 微调研 建立调研,让粉丝参与进来参与,可查看调研结果,调研结束同时可以设置抽奖 微测试 录入题目,管理题目,设置测试结果,增加趣味和粉丝粘性。 微考试 主要功能有试卷管理,题目录入管理,考生信息和考分汇总管理。 优惠券 配合粉丝圈子,打造粉丝互动的运营激励基础 刮刮卡 模拟真实刮刮卡效果,是活动抽奖环节的必备功能,设置奖品,中奖概率 砸金蛋 模拟真实砸金蛋效果,是活动的必备功能,增强与粉丝的互动,支持设置奖品,中奖概率 幸运大转盘 转盘随机中奖,增强与粉丝的互动,支持设置奖品,中奖类型,中奖概率 微官网 支持分类设置,文章编辑,统计代码配置,多套首页模板 分类模板 详情模板,菜单任意选择 通用表单 管理员可以轻松地增加一个表单用于收集用户的信息,如活动报名、调查反馈、预约填单等 万能页面 可以通过拖拉的方式配置一个3G页面 微商店 实现商店商品管理、分类管理等功能 融合第三方 支持配置第三方功能扩展 更多功能模块不断添加中... 了解更多,请前往论坛功能模块
你还未登录,请选登录!
分享HTML我帮您
收款人:邓志锋 luc***@
收款人:向html580网站(**锋)付钱jQuery砸金蛋_砸金蛋特效php - ThinkPHP框架
本文将使用jQuery与PHP讲解如何实现一个WEB砸金蛋程序,首先我们需要准备素材,即金蛋图片、砸碎后的金蛋图片、砸碎后的碎花图片、以及锤子四张图片。
页面底部有演示、免费下载链接。若是想看更多js特效、网站源码、 js教程请访问
还有演示DEMO,最主要是可以免费下载。&
三个金蛋、一把锤子及中奖结果#result_tip代码如下:
&div&class=&egg&&&&
&&&&ul&class=&egg_list&&&&
&&&&&p&class=&hammer&&id=&hammer&&锤子&/p&&&
&&&&&p&class=&result_tip&&id=&result_tip&&&b&id=&result&&&/b&&/p&&&
&&&&&li&&span&1&/span&&sup&&/sup&&/li&&&
&&&&&li&&span&2&/span&&sup&&/sup&&/li&&&
&&&&&li&&span&3&/span&&sup&&/sup&&/li&&&
&&&&/ul&&&
1、当鼠标滑向金蛋时,锤子会仅靠金蛋右上方,通过position()来控制位置。
$(&.egg_list&li&).hover(function()&{&
&&&&var&position_left&=&$(this).position().left&+&$(this).width();&
&&&&$(&#hammer&).show().css('left',&position_left);&
当挥动锤子砸向金蛋eggClick()前,我们先把金蛋中的数字编号隐藏起来。
$(&.eggList&li&).click(function()&{&&
&&&&$(this).children(&span&).hide();&&
&&&&eggClick($(this));&&
最后,我们向后台ajax.php发送一个ajax请求,后台php程序会处理奖项分配并把中奖结果返回。我们使用animate()来实现砸锤子的动画,通过改变锤子的top和left位子来实现简单的动画效果,锤子砸下去后,金蛋样式变为.curruent,同时金花四溅,最后展现中奖结果,我们看下砸蛋的eggClick方法:
function&eggClick(obj)&{&
&&&&$.get(&ajax.php&,function(data)&{&
&&&&&&&&if&(obj.hasClass(&current&))&{&
&&&&&&&&&&&&alert(&蛋都碎了一地,刷新重新来过吧!&);&
&&&&&&&&&&&&return&&
&&&&&&&&}&
&&&&&&&&$(&.hammer&).css({&
&&&&&&&&&&&&&top&:&obj.position().top&-&55,&
&&&&&&&&&&&&&left&:&obj.position().left&+&185&
&&&&&&&&});&
&&&&&&&&$(&.hammer&).animate({&
&&&&&&&&&&&&&top&:&obj.position().top&-&25,&
&&&&&&&&&&&&&left&:&obj.position().left&+&125&
&&&&&&&&},30,&function()&{&
&&&&&&&&&&&&obj.addClass(&current&);&//蛋碎效果&
&&&&&&&&&&&&obj.find(&sup&).show();&//金花四溅&
&&&&&&&&&&&&$(&.hammer&).hide();&
&&&&&&&&&&&&$('.result_tip').css({&
&&&&&&&&&&&&&&&&display:&'block',&
&&&&&&&&&&&&&&&&top:&'100px',&
&&&&&&&&&&&&&&&&left:&obj.position().left&+&45,&
&&&&&&&&&&&&&&&&opacity:&0&
&&&&&&&&&&&&}).animate({&
&&&&&&&&&&&&&&&&top:&'50px',&
&&&&&&&&&&&&&&&&opacity:&1&
&&&&&&&&&&&&},&
&&&&&&&&&&&&300,&
&&&&&&&&&&&&function()&{&
&&&&&&&&&&&&&&&&if&(data.msg&==&1)&{&
&&&&&&&&&&&&&&&&&&&&$(&#result&).html(&恭喜您中得&&+&data.prize_title&+&&!&);&
&&&&&&&&&&&&&&&&}&else&{&
&&&&&&&&&&&&&&&&&&&&$(&#result&).html(&Sorry,您没能中奖!&);&
&&&&&&&&&&&&&&&&}&
&&&&&&&&&&&&});&
&&&&&&&&});&
&&&&&json&)&
最后我们看下ajax.php中奖项设置和计算中奖概率算法。
$prize_arr&=&array(&
&&&&'0'&=&&array('id'&=&&1,&'title'&=&&'iphone5s',&'v'&=&&5),&
&&&&'1'&=&&array('id'&=&&2,&'title'&=&&'联系笔记本',&'v'&=&&10),&
&&&&'2'&=&&array('id'&=&&3,&'title'&=&&'音箱设备',&'v'&=&&20),&
&&&&'3'&=&&array('id'&=&&4,&'title'&=&&'30GU盘',&'v'&=&&30),&
&&&&'4'&=&&array('id'&=&&5,&'title'&=&&'话费50元',&'v'&=&&10),&
&&&&'5'&=&&array('id'&=&&6,&'title'&=&&'iphone6s',&'v'&=&&15),&
&&&&'6'&=&&array('id'&=&&7,&'title'&=&&'谢谢,继续加油哦!~',&'v'&=&&10),&
foreach&($prize_arr&as&$key&=&&$val)&{&
&&&&$arr[$val['id']]&=&$val['v'];&
$prize_id&=&getRand($arr);&//根据概率获取奖品id&
$data['msg']&=&($prize_id&==&7)&?&0&:&1;&//如果为0则没中&&
$data['prize_title']&=&$prize_arr[$prize_id&-&1]['title'];&//中奖奖品&
echo&json_encode($data);&
&//以json数组返回给前端&
function&getRand($proArr)&{&//计算中奖概率&
&&&&$rs&=&'';&//z中奖结果&
&&&&$proSum&=&array_sum($proArr);&//概率数组的总概率精度&
&&&&//概率数组循环&
&&&&foreach&($proArr&as&$key&=&&$proCur)&{&
&&&&&&&&$randNum&=&mt_rand(1,&$proSum);&
&&&&&&&&if&($randNum&&=&$proCur)&{&
&&&&&&&&&&&&$rs&=&$&
&&&&&&&&&&&&&
&&&&&&&&}&else&{&
&&&&&&&&&&&&$proSum&-=&$proC&
&&&&&&&&}&
&&&&unset($proArr);&
&&&&return&$&
通过ajax.php,我们可以看出共设置了7个奖项并设置了中奖概率,比如砸中”iphone5s“的几率占5%,砸不中的几率占10%,点击演示砸金蛋demo来试试你的运气吧。查看该特效演示及免费下载,请访问
积分:5790
ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。集利感恩一周年 百万元大礼包砸金蛋活动最后三天啦!
时间: 10:11
  这可能是你离IPHONE6 最近的机会!!8月28日,集利网满一岁啦!为感谢投资人对集利网一年来的信赖和支持,集利网真诚巨献百万元大礼包回馈众多新老集友。只要在微信、网页上玩一下集利的周岁砸金蛋有礼游戏,即可参与活动赢现金红包,更有宇宙超级无敌至尊炫酷吊炸天大奖――I phone 6 等着您!每天玩一玩,惊喜都不同!
  活动规则是这样的,小伙伴们可要仔细看哟――
  进入“阅读原文”马上砸金蛋
  NO.1 砸金蛋送红包
  1. 怎么砸?
  有两个渠道:微信砸蛋和登录网站砸蛋。具体操作如下:打开游戏界面,填上ID和手机号,OK!看到5枚可爱的金蛋没?分别叫“集”“利”“财”“富”“网”!!您钟意边个就砸边个,砸开后,50元~5000元的体验红包随机送给你!怎么样,也是醉了!
  2. 砸完了还不过瘾?
  只需手指动一动,把砸金蛋游戏转发邀请您的一位小伙伴参与游戏,便可获得一次砸金蛋机会!邀请参与游戏的小伙伴越多,砸金蛋机会越多,拿到iphone6的几率越大我会随便说吗?
  3、体验金怎么用?
  So easy!!只要用您的ID名登录集利网()进行投资,即可立刻把体验金用掉!这是什么概念你造吗?
  就是!集利君出本金,你白白拿利息!在21世纪的互联网时代,这样的好事竟然是真的!!也奏是说,如果你砸到1000块的体验金,投资一年白捡88块的利息!如果你砸到5000块体验金,一年白捡440块利息!!体验红包有效期为 至 。
  对了,集利君的投资起点只要1000元噢!
  NO.2 十重豪礼
  一周年之际,我们将礼上加礼,砸金蛋活动与原先的“十重礼”活动同期进行!还不造的小伙伴可上网页点击详情查看。
  顺便悄悄说一声,集利的老用户介绍新投资人来,还可再获500元投资体验金噢!活动简直给力到要哭了!
  短短十天,集利的砸蛋游戏迅速火遍社交网络,成为今年夏天最火爆、最具人气的轻APP游戏!许多小伙伴每天早上第一件事就是砸蛋,看看今天手气咋样,再看看又奖励了几次砸蛋机会?
  截止上周末,已经有一个朋友通过朋友圈分享和人品爆发,砸蛋次数高达上百次,赢取奖金6万元!
  这是砸到好意头4888元截图:
  倒数第三天啦!倒计时开始咯,快快搭上砸蛋末班车吧!
  进入“阅读原文”马上砸金蛋
  阅读原文链接:
(责任编辑:温爱霞)jQuery砸金蛋抽奖活动 演示图--源码之家
jQuery砸金蛋抽奖活动
前台首页界面演示图未注册过用户可以点击直接登录哦!
使用注册邮箱登录
选择画板...
你已经成功采集到
&|关闭窗口

我要回帖

更多关于 jquery怎么写 的文章

 

随机推荐