插件描述：jQuery抽奖大转盘游戏
js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器
看到网页上有不少大转盘抽奖的应用,心血来潮也想弄个.于是找了点资料自己研究了下
queryRotate 这个插件就可以实现这个功能
jqueryRotate：
支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome，高级浏览器下使用Transform，低版本ie使用VML实现
下面了解下这个插件怎么使用
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | $("触发转动元素").rotate(45); //直接这样子调用的话就是变换角度$("触发转动元素").getRotateAngle(); //返回对象当前的角度$("触发转动元素").stopRotare(); //停止旋转动画$("触发转动元素").rotateRight()向右旋转90度 $("触发转动元素").rotateLeft()向左旋转90度。$("触发转动元素").rotate({ angle:0, //起始角度 animateTo:180, //结束的角度 duration:3000， //转动时间 callback:function(){}, //回调函数 easing:$.easing.easeOutSine // $.easing.easeInOutExpo 运动的效果，需要引用jquery.easing.min.js的文件 }) $("触发转动元素").rotate(45); //转动45$("触发转动元素").getRotateAngle(); //返回对象当前的角度$("触发转动元素").stopRotare(); //停止旋转动画 |
另外可以更方便的通过调用$(el).rotateRight()和$(el).rotateLeft()来分别向右旋转90度和向左旋转90度。
大转盘原理:随机出一个数字,通过后台算出在那个概率区间返回指定跳转的角度例
一等奖概率1% 如果在1-100 随机出100则跳转一等奖的角度范围内
二等奖概率2% 如果在1-100 随机出99-98则跳转二等奖的角度范围内
三等奖 概率97% 如果在1-100 随机出97-1则跳转三等奖的角度范围内
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： CSS3导航模糊动画效果
- 下一个特效： 滑过幻灯