jQuery姓名电话抽奖页面
jQuery 的姓名电话抽奖页面，适合搞活动用，逻辑简单、交互直观。你只要写个表单收集名字和手机号，点个按钮就能抽出幸运儿。用Math.random()搞定随机，配上jQuery的 DOM 操作，动画效果也能做得漂漂亮亮的。
表单部分挺基本，一个 jQuery这块主要是帮你省事， 页面美化方面，CSS 就能搞定，按钮样式、输入框边框、甚至结果区加点 不过也别忘了加点限制，防止刷奖。比如用 如果你是搞商场活动、在线抽奖、公司年会小游戏，拿这个代码改改就能用，既实用又有参与感。要体验的可以看看这个：jQuery 手机页面随机抽奖代码.zipinput放名字，一个放电话，加个button就能开抽。结果显示用个就行，配点
fadeIn或者slideDown的动画，视觉效果一下子就拉满了。
$('#drawBtn').click()监听一下按钮，拿到用户输入，再Math.random()一波，用.text()或.html()把结果塞回页面里。animation效果都不是问题。比如你可以用transform: rotateY(360deg)来搞个翻转动画，挺抓眼球的。setTimeout加冷却时间、限制手机号格式、记录抽奖次数之类的，别给人钻了空子。
下载地址
用户评论
