提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供常用开发手册和开发工具
您现在的位置：& >
幸运大转盘--jquery抽奖转盘插件 jQueryRotate（抽奖程序）
内容介绍幸运大转盘--jquery抽奖转盘插件 jQueryRotate（抽奖程序），今天带给大家一款jQuery抽奖插件希望对您有用。
下载资源：522 次
下载积分：0 分只要指针转jQuery手机端转盘抽奖插件_JS抽奖特效源码下载 - jQueryfuns
上传于 1年前|
首先引用js文件
&script src="jquery.min.js"&&/script&
&script src="rotaryDraw.js"&&/script&
HTML结构很简单
&div class="box"&
&img src="images/img_01.png" class="img01" alt=""&
&img src="images/img_03.png" class="drawBtn"&
&div class="box1"&
&img src="images/img_02.png" class="img01" alt=""&
&img src="images/img_03.png" class="drawBtn2"&
下面是CSS样式
max-width:750
.box .img01{
width:100%;
.box .drawBtn{
margin-left:-5
max-width:750
.box1 .img01{
width:100%;
.box1 .drawBtn2{
margin-left:-5
function callbackA(ind)
alert("第一个回调"+ind);
function callbackB(ind)
alert("第二个回调"+ind);
var newdraw =new turntableDraw('.drawBtn',{
speed:"3s",
velocityCurve:"ease",
callback:function(num)
callbackA(num);
var newdraw2 =new turntableDraw('.drawBtn2',{
speed:"3s",
velocityCurve:"ease",
callback:function(num)
callbackB(num);
$(".drawBtn").click(function(event) {
newdraw.goto(parseInt(Math.random()*8)+1);
$(".drawBtn2").click(function(event) {
newdraw2.goto(parseInt(Math.random()*12)+1);
立即下载 ( 文件大小：0.38 M)
Mozilla Firefox
Google Chrome
也许你还喜欢
键盘快捷键:插件代码：
function turntableDraw(obj,jsn)
"use strict";
this.draw = {};
this.draw.obj = $(obj);
this.draw.objClass = $(obj).attr("class");
this.draw.newClass = "rotary"+"new"+parseInt(Math.random()*1000);
var _jiaodu = parseInt(360/jsn.share);
var _yuan = 360*(jsn.weeks || 4);
var _str = "";
var _speed = jsn.speed || "2s";
var _velocityCurve = jsn.velocityCurve || "ease";
var _this = this;
for(var i=1;i&=jsn.i++)
_str+="."+this.draw.newClass+i+"{";
_str+="transform:rotate("+((i-1)*_jiaodu+_yuan)+"deg);";
_str+="-ms-transform:rotate("+((i-1)*_jiaodu+_yuan)+"deg);";
_str+="-moz-transform:rotate("+((i-1)*_jiaodu+_yuan)+"deg);";
_str+="-webkit-transform:rotate("+((i-1)*_jiaodu+_yuan)+"deg);";
_str+="-o-transform:rotate("+((i-1)*_jiaodu+_yuan)+"deg);";
_str+="transition: transform "+_speed+" "+_velocityCurve+";";
_str+="-moz-transition: -moz-transform "+_speed+" "+_velocityCurve+";";
_str+="-webkit-transition: -webkit-transform "+_speed+" "+_velocityCurve+";";
_str+="-o-transition: -o-transform "+_speed+" "+_velocityCurve+";";
_str+="}";
_str+="."+this.draw.newClass+i+"stop{";
_str+="transform:rotate("+((i-1)*_jiaodu)+"deg);";
_str+="-ms-transform:rotate("+((i-1)*_jiaodu)+"deg);";
_str+="-moz-transform:rotate("+((i-1)*_jiaodu)+"deg);";
_str+="-webkit-transform:rotate("+((i-1)*_jiaodu)+"deg);";
_str+="-o-transform:rotate("+((i-1)*_jiaodu)+"deg);";
_str+="}";
$(document.head).append("&style&"+_str+"&/style&");
_speed = _speed.replace(/s/,"")*1000;
this.draw.startTurningOk = false;
this.draw.goto=function(ind){
if(_this.draw.startTurningOk){return false};
_this.draw.obj.attr("class",_this.draw.objClass+" "+_this.draw.newClass+ind);
_this.draw.startTurningOk = true;
setTimeout(function(){
_this.draw.obj.attr("class",_this.draw.objClass+" "+_this.draw.newClass+ind+"stop");
if(jsn.callback)
_this.draw.startTurningOk = false;
jsn.callback(ind);
},_speed+10);
return _this.
return this.
使用方式：
function callbackA(ind)
alert("第一个回调"+ind);
var newdraw =new turntableDraw('.drawBtn',{
speed:"3s",
velocityCurve:"ease",
callback:function(num)
callbackA(num);
$(".drawBtn1").click(function(event) {
newdraw2.goto(parseInt(Math.random()*12)+1);
最近在做一个抽奖转盘，在这做个小结，好记性不如写博客~~
未经允许，不得转载！！
水平有限，不周之处欢迎指正、交流。
博客原文：http://blog.csdn.net/ime33
现在市面上很多商家为了促进交易，采取各种各样的营销方案，转盘抽...
幸运大转盘抽奖 抽奖算法 程序实现逻辑
首先要定义几个奖品，例如：
iphone 中奖机率 10%
100元购物卷 中奖机率 30%
10元购物卷 中奖机率 50%
总的中奖机率是 10%+30%+...
中奖概率算法（可用于刮刮乐、转盘抽奖）
使用简单的用法 ，高效的概率算法实现抽奖逻辑
使用php语法，laravel框架总结示例代码...
关于大转盘抽奖概率问题
https://yq.aliyun.com/articles/44578
http://www.blogjava.net/lishunli/archive//389763.htm...
《用JavaScript实现转盘抽奖程序》二
接着上篇文章，我将html代码和css代码也总结一下。
jquery.rotate.js可选抽奖次数和中奖内容的转盘抽奖demo
最多可以抽奖5次，而且，每次只会中“2000元理财金”或者“谢谢参与”，其它的不会抽中（哈哈，果然都是套路）。
效果如下：
一、页面结构：
1 div class=&g-...
转盘抽奖js实现
效果：点击抽奖按钮，转盘开始旋转数圈后停止
抽奖html代码：
简单实现大转盘抽奖
大转盘抽奖
php中奖概率算法，可用于刮刮卡，大转盘等抽奖算法
php中奖概率算法，可用于刮刮卡，大转盘等抽奖算法。用法很简单，代码里有详细注释说明，一看就懂
微信推广活动大转盘
微信互动营销活动是指企业利用微信的强交互性，通过对互动流程和方式的设计，从而实现在与用户的互动中实现营销的目的。 刮刮卡、大转盘、优惠劵、砸金蛋等等，活动统计与中奖纪录，赶快行动起来吧！官网免费注册，...
没有更多推荐了，会员登录登录还没有账号？&&&&&&手机移动端幸运大转盘游戏jquery插件代码编辑整理：js代码网 &浏览：6974 次手机移动端幸运大转盘游戏jquery插件代码下载。扫码查看手机演示温馨提示：在线演示经加密处理，下载文件可正常查看源代码！大家都在下载 这些是最新的怎么使用微淘抽奖插件和粉丝专享价_百度知道
怎么使用微淘抽奖插件和粉丝专享价
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
主要经营计算机网络服务，设计、制作、代理、发布国内各类广告，健康信息咨询。
　　微淘插件如今更是提升了手机端的各种营销活动玩法，比如粉丝专享、抽奖插件、扫神码,而强大的淘女郎push等等，这些都插件都是我们玩转微淘老顾客营销的好帮手。微淘插件功能虽强大，但却不是让卖家们添加各种各样的插件上去微淘中心。毕竟拿手机屏幕来讲，位置只有那么大，如果占满插件，可想而知效果不但不行，而且还会降低。这里我们推荐两个最常使用的插件，也是最基础的插件(抽奖插件-
粉丝专享价插件)，具体如何使用微淘抽奖插件和粉丝专享价？
　　首先我们进入微淘插件后台，可以看到插件是由后台统一管理的，而我们要重点讲的抽奖插件界面，可以在此创建抽奖活动、查看中奖信息、以及删除和关闭活动：
　　专享价插件界面，在此可以创建专享价活动，删除及关闭活动：
　　1、如何使用微淘抽奖插件？
　　抽奖插件，顾名思义，账号运营方可以设定一个抽奖活动，从而提高用户的活跃度。微淘抽奖活动创建流程如下：
　　1)填写活动信息
　　这里包括了活动名称、活动时间、活动规则、活动封面。封面和名称是吸引用户的第一步，活动规则能很好的引导用户参与到活动中来，更好的达到预期的效果。
　　2)设置抽奖条件
　　第一，你需要确定哪些用户可以参与抽奖，确定用户的参与标准，可选择的标准有：
　　微淘粉丝
　　最近半年本店有购买
　　1笔&本店成交&5笔
　　5笔&本店成交&10笔
　　本店成交&10笔
　　第二，你可以设定需要用户做的事情，完成了才能抽，可选择的行为有：
　　关注账号，转化新用户为粉丝，用户只能每天只能抽奖一次。
　　购买商品，引导交易，抽奖次数，由具完成订单数决定。
　　无需任何行为，只要满足上面设置的用户参与标准就能获得抽奖机会，用户每天只能抽奖一次。
　　3)添加奖项
　　你需要在此设定你的奖品，奖品可以在店铺优惠卷和彩票中选择，店铺优惠卷和彩票都是你在卖家后台设定好后，在抽奖插件才可以选择。
　　你可以设置4个奖项，奖品由你自己来定，设定完奖项后，需要设定中奖概率，中奖概率只有一个，所有奖品都是同一个中奖概率。
　　点击奖项，就能添加或修改奖项设置了，你可以选择优惠卷、彩票，确定奖品数量，这里很关键的是要填写中奖文案，也就是用户抽奖奖品后的提示。
　　4)完成抽奖并推广
　　到最后一步，算是完成编辑了，你还要将活动推广出去。
　　你可以发送至广播列表，记住，不发送的话，用户的广播列表里是不会有你的活动的。
　　推广活动链接，链接会直接提供给你
　　推广活动二维码
　　2、如何使用微淘专享价插件
　　专享价插件，提供了你更灵活的促销玩法，可以说不仅仅是促销，还可以以低的价格激励用户完成你预期的结果。你给自己的目标客户做分类，不同客户群享有不同的价格，如：需要关注你的微淘才能享有折扣，老客户享有8折，贵宾客户享有5折。做到人性化促销。
　　专享价活动创建流程：
　　1.填写活动信息
　　跟抽奖相同，这里包括了活动名称、活动时间、活动规则、活动封面。封面和名称是吸引用户的第一步，活动规则能很好的引导用户参与到活动中来，更好的达到预期的效果。
　　2.添加商品并设置优惠
　　你需要在此添加这次活动需要设定专享价的宝贝，最多20个宝贝。宝贝的专享价格是根据你设定的用户群来定义的，你可以设定多个用户群，每个用户群可以享有不同的专享折扣，折扣是对应到所有专享宝贝的。也就是说，一个用户人群有一个专享折扣，折扣对专场里所有商品有效。
　　第一，你需要添加用户人群，并设定给此类用户人群设定专享折扣，折扣会对应到专场内所有宝贝。你可以添加多个用户人群，设定不同的专享折扣。可选择的人群跟抽奖相同：
　　微淘粉丝
　　最近半年本店有购买
　　1笔&本店成交&5笔
　　5笔&本店成交&10笔
　　本店成交&10笔
　　第二，添加专享宝贝，最多能添加20个宝贝，点击添加后，可以直接从店铺宝贝中选择添加。
　　3.完成抽奖&推广活动
　　到最后一步，与抽奖相同，你需要将活动推广出去。
　　你可以发送至广播列表，记住，不发送的话，用户的广播列表里是不会有你的活动的。
　　推广活动链接，链接会直接提供给你
　　推广活动二维码
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。