jQueryRotate 2.1转盘动画插件

转盘抽奖的老牌利器 jQueryRotate.2.1.js,用起来还挺顺手的。核心就是旋转动画+角度计算,逻辑清晰,兼容性也不错,适合做那种“转一下赢大奖”的抽奖页。你只要配合下 jQuery 和一点事件,基本就能跑起来。

rotate() 方法是主角,角度、时间、回调这些参数一应俱全。比如想转到某个奖项,算下角度扔进去就行。写页面时,把按钮事件和转盘绑定一下,点一下开始转,动画也挺丝滑的。

样式上你可以自己来,position: absolute 定下中心点,转盘图片切好就行。动画完了还能触发回调,弹个奖品提示框,体验感就有了。如果你之前用过类似的转盘插件,这个算是比较轻量的,代码结构也清楚。

如果你正好要搞个活动页,或者做个小的抽奖交互,jQueryRotate.2.1.js蛮合适。实在不熟也没事,下面这些链接都能参考下:jQuery 转盘抽奖效果Jquery 实现的转盘抽奖等,代码基本一看就懂。

哦对了,别忘了测试下移动端表现,有时候事件触发点需要调一下,尤其是在一些安卓机上。调完顺了,体验还是蛮赞的。

js 文件大小:10.43KB