关于js写的抽奖转盘怎么把数据库里的奖品信息传到转盘上,list<Prize>遍历怎么遍,环形的转盘?急!!! 5
<tr><tdid="1">1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr><tr><td>16</td><td><...
<tr>
<td id="1">1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>16</td><td></td><td></td><td></td><td>6</td>
</tr>
<tr>
<td>15</td><td></td><td></td><td></td><td>7</td>
</tr>
<tr>
<td>14</td><td></td><td></td><td></td><td>8</td>
</tr>
<tr>
<td>13</td><td>12</td><td>11</td><td>10</td><td>9</td>
</tr> 展开
<td id="1">1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
<tr>
<td>16</td><td></td><td></td><td></td><td>6</td>
</tr>
<tr>
<td>15</td><td></td><td></td><td></td><td>7</td>
</tr>
<tr>
<td>14</td><td></td><td></td><td></td><td>8</td>
</tr>
<tr>
<td>13</td><td>12</td><td>11</td><td>10</td><td>9</td>
</tr> 展开
1个回答
展开全部
说个比较简单的做法
先说获取数据:写一个servlet,在里面通过数据库连接池执行sql语句查询出奖品的信息(包括奖品名称,奖品图片路径等),将返回的数据拼成json字符串;在web.xml配置这个servlet;
再说页面展现:页面发送一个ajax请求,获取到奖品信息的json对象;遍历各个奖品,由于圆形的转盘不好做,咱们可以用方形的,每种奖品一个方块,所有的奖品也组成一个大方块,中间是空的。如果奖品数量不正好能组成一个大方块就用“谢谢”代替;每次用户点击抽奖,就生成一个X到Y的随机数Z,从当前(默认是左上角)那个方块开始顺时针走,动画就是方框闪一下,走了Z步的时候停,弹出中奖信息窗口。再点击的时候就从现在所在的奖品再往后走……
这种方式应该是最好实现的了。
先说获取数据:写一个servlet,在里面通过数据库连接池执行sql语句查询出奖品的信息(包括奖品名称,奖品图片路径等),将返回的数据拼成json字符串;在web.xml配置这个servlet;
再说页面展现:页面发送一个ajax请求,获取到奖品信息的json对象;遍历各个奖品,由于圆形的转盘不好做,咱们可以用方形的,每种奖品一个方块,所有的奖品也组成一个大方块,中间是空的。如果奖品数量不正好能组成一个大方块就用“谢谢”代替;每次用户点击抽奖,就生成一个X到Y的随机数Z,从当前(默认是左上角)那个方块开始顺时针走,动画就是方框闪一下,走了Z步的时候停,弹出中奖信息窗口。再点击的时候就从现在所在的奖品再往后走……
这种方式应该是最好实现的了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询