抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。
图1 转轮盘抽奖
图2 转轮盘抽奖结果1、转轮盘本来是想直接绘图实现轮盘，但是没有找到怎么填充文字，只好把轮盘弄成了背景图，通常用于游戏抽道具，商城积分抽奖，公司年末员工抽奖点击抽奖触发jquery的click事件；通过ajax获取后台的随机数；
后台通过mt_rand得到随机奖项（角度），返回给前台；通过jquery改变css transform、transition属性，旋转背景，也就是轮盘；html代码.box{ width
:500px;height:500px;border:0px solid #DDD;margin:100px;position:relative; } .beij{ background:url
(cjbg.jpg) no-repeat center center;width:100%;height:100%; } .pointer{ cursor:pointer;position:absolute;
top:50%;left:50%;margin-left:-40px;margin-top:-48px;background:url(c1.png) no-repeat center center;width
:80px;height:96px;z-index:21; }
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。