HTML
手机上的抽奖小转盘，做得好玩点，能大大提升用户的参与感。HTML5 的 Canvas就挺适合画这种动态转盘，加点动画，体验感也跟着上来了。
转盘怎么停、停哪儿，全靠JavaScript 的 Math.random()搞随机。你还可以用requestAnimationFrame搞个顺滑的旋转动画，配合 CSS 稍微调一下效果，看起来就专业。
手机号验证也别忘了，直接用，让浏览器帮你挡掉格式不对的输入，响应也快，体验也不错。
抽完奖，弹窗提示结果嘛，你可以用原生，但兼容性还行不行？我一般用SweetAlert，样式好看、上手快，还能自定义图标文字。
文件里基本是整套代码：HTML、CSS、JS 都有，直接跑起来就能看效果，调试空间也大。加上一个，响应式搞定，手机上点也顺手。
如果你在做活动页或者拉新页面，想搞个有趣点的抽奖交互，这套代码挺合适的。可以参考这些资源试试看，都是实战级别的：手机 html5 抽奖转盘、微信大转盘抽奖、js 加 Html5 抽奖转盘。
记得测试下不同机型，转盘动画和弹窗兼容性，毕竟用户设备五花八门，别让抽奖成了 bug 制造机。
下载地址
用户评论
