jQuery幸运大转盘_jQuery+PHP抽奖程序的简单实现
在线实例
完整代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery幸运大转盘_jQuery+PHP抽奖程序(上)</title> <style type="text/css"> .demo{ position:relative;width:417px;} #disk{width:417px; height:417px; background:url(/api/jq/5733e347040d9/images/disk.jpg) no-repeat;} #start{width:163px; height:320px; position:absolute; top:46px; left:130px;} #start img{cursor:pointer} </style> </head> <body> <div class="container"> <div class="demo"> <div id="disk"></div> <div id="start"><img src="/api/jq/5733e347040d9/images/start.png" id="startbtn" alt="转盘开启"/></div> </div> </div> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/api/jq/5733e347040d9/jQueryRotate.2.2.js"></script> <script type="text/javascript" src="/api/jq/5733e347040d9/jquery.easing.min.js"></script> <script type="text/javascript"> $(function() { $("#startbtn").rotate({ bind: { click: function() { var random = Math.floor(Math.random() * 360); //生成随机数 $(this).rotate({ duration: 3000, //转动时间间隔(速度单位ms) angle: 0, //指针开始角度 animateTo: 3600 + random, //转动角度,当转动角度到达3600+random度时停止转动。 easing: $.easing.easeOutSine, //easing动画效果 callback: function() { //回调函数 alert('恭喜您,中奖了!'); } }); } } }); }); </script> </body> </html>
相关推荐
可直接用的完整的jQuery幸运大转盘_jQuery+PHP抽奖程序
jquery幸运大转盘,可以做幸运大抽奖
这是一款适用于教育机构的学习名额jQuery幸运大转盘抽奖代码,抽奖完成会弹出奖品信息和领奖人联系方式表单。
jQuery幸运大转盘_jQuery+PHP抽奖程序(上)
jQuery幸运大转盘抽奖活动代码
php+jquery幸运大转盘,可设置中奖率
jQuery幸运大转盘_jQuery+PHP抽奖程序(下)
jQuery幸运大转盘_jQuery+PHP抽奖程序
jQuery幸运大转盘抽奖活动代码源码 源码描述: 一、源码特点 1、jQuery幸运大转盘抽奖活动代码基于jquery.1.6.4.min.js实现,有免单5元、免单10元、免单50元、免单4999元、免分期服务费、提高白条额度、未中奖等...
jQuery幸运大转盘带抽奖次数的特效源码.zip
幸运大转盘源码,php转盘源码,php抽奖源码,jQuery+php实现的抽奖程序,主要用于节日抽奖或者举办大型的抽奖活动。可以配置中奖几率,设置奖品,数据对接等,是一个不错的抽奖程序。
Java做的大转盘抽奖,可用,直接下载扔到Tomcat下即可运行
有兴趣刚需的可以自己下载,非常使用的jquery代码,可以完美运行,有能力的还可以二次修改!
jquery实现幸运大转盘jquery实现幸运大转盘jquery实现幸运大转盘jquery实现幸运大转盘
jQuery抽奖转盘制作幸运大转盘抽奖活动代码