jQuery大风车抽奖转盘
jQuery 的大风车转盘,适合用在抽奖活动里,视觉冲击力还挺强的。结构上不复杂,就是几个 你只要掌握了 最妙的是它用 啦,要做得更像正式项目,可以加个防止多次点击的锁,加个中奖弹窗啥的。教程里的思路已经清晰,照着写,改一改样式,就能直接上手。 如果你正好想搞个互动抽奖页,或者练练 jQuery 动画,拼出一个圆形,再配合一点 CSS 的
transform
动画,效果就有了。$('.class')
这种基本的 jQuery 选择器,还有.animate()
、.click()
这些常用方法,基本能跟着教程走完。而且代码结构清晰,适合动手练练。transform: rotate()
模拟旋转,转到哪一格其实靠角度计算。你可以随机选个扇区,通过spinTo()
函数一转,配上动画过渡,看起来就挺丝滑。texiao582_1560680948
这套资源还挺合适的,带例子带样式,学着快。
下载地址
用户评论