微信抽奖转盘活动-效果源码分析

手机端源码下载地址:(我修改成了移动端自适应,微信访问可看到效果,但我没自己的站,只能你们自己实验了!)

昨天接到公司的一个项目是在微信端做一个抽奖转盘的效果,脑海里的第一个想法就是用CSS3动画来实现这个效果,但是一想到抽奖概率与转盘动画的关联性,还是去网上找了一套代码。

写在这里做一下代码的知识总结吧!

所需要用到的插件:jquery、jQueryRotate(负责控制元素转动的角度)、jquery.easing(负责元素转动时的动画效果调用)

<!--移动端的meta标签定义,在这里就不叙述了,有兴趣的可以问度娘了解下--> <meta name=\'viewport\' content=\'width=device-width, initial-scale=1.0, maximum-scale=1.0\'/> <meta name=”format-detection” content=”telephone=no” /> <meta http-equiv="X-UA-Compatible" content="IE=8"> <!--JS引入--> <script type="text/javascript" src="jQuery.js"></script> <script type="text/javascript" src="jQueryRotate.2.2.js"></script> <script type="text/javascript" src="jquery.easing.min.js"></script> <!--简单的html源码--> <div class="demo"> <img id="disk" src="disk.jpg" /> <img src="start.png" id="startbtn" class="start"> </div>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjpzf.html