资源简介
jQuery幸运大转盘抽奖活动代码基于jquery.1.6.4.min.js实现,有免单5元、免单10元、免单50元、免单4999元、免分期服务费、提高白条额度、未中奖等奖项设置。
var rotateTimeOut = function (){
$('#rotate').rotate({
angle:0,
animateTo:2160,
duration:8000,
callback:function (){
alert('网络超时,请检查您的网络设置!');
}
});
};
var bRotate = false;
var rotateFn = function (awards, angles, txt){
bRotate = !bRotate;
$('#rotate').stopRotate();
$('#rotate').rotate({
angle:0,
animateTo:angles 1800,
duration:8000,
callback:function (){
alert(txt);
bRotate = !bRotate;
}
})
};
$('.pointer').click(function (){
if(bRotate)return;
var item = rnd(0,7);
switch (item) {
case 0:
//var angle = [26, 88, 137, 185, 235, 287, 337];
rotateFn(0, 337, '未中奖');
break;
case 1:
//var angle = [88, 137, 185, 235, 287];
rotateFn(1, 26, '免单4999元');
break;
case 2:
//var angle = [137, 185, 235, 287];
rotateFn(2, 88, '免单50元');
break;
case 3:
//var angle = [137, 185, 235, 287];
rotateFn(3, 137, '免单10元');
break;
case 4:
//var angle = [185, 235, 287];
rotateFn(4, 185, '免单5元');
break;
case 5:
//var angle = [185, 235, 287];
rotateFn(5, 185, '免单5元');
break;
case 6:
//var angle = [235, 287];
rotateFn(6, 235, '免分期服务费');
break;
case 7:
//var angle = [287];
rotateFn(7, 287, '提高白条额度');
break;
}
console.log(item);
});
});
function rnd(n, m){
return Math.floor(Math.random()*(m-n 1) n)
}
</script>
var rotateTimeOut = function (){
$('#rotate').rotate({
angle:0,
animateTo:2160,
duration:8000,
callback:function (){
alert('网络超时,请检查您的网络设置!');
}
});
};
var bRotate = false;
var rotateFn = function (awards, angles, txt){
bRotate = !bRotate;
$('#rotate').stopRotate();
$('#rotate').rotate({
angle:0,
animateTo:angles 1800,
duration:8000,
callback:function (){
alert(txt);
bRotate = !bRotate;
}
})
};
$('.pointer').click(function (){
if(bRotate)return;
var item = rnd(0,7);
switch (item) {
case 0:
//var angle = [26, 88, 137, 185, 235, 287, 337];
rotateFn(0, 337, '未中奖');
break;
case 1:
//var angle = [88, 137, 185, 235, 287];
rotateFn(1, 26, '免单4999元');
break;
case 2:
//var angle = [137, 185, 235, 287];
rotateFn(2, 88, '免单50元');
break;
case 3:
//var angle = [137, 185, 235, 287];
rotateFn(3, 137, '免单10元');
break;
case 4:
//var angle = [185, 235, 287];
rotateFn(4, 185, '免单5元');
break;
case 5:
//var angle = [185, 235, 287];
rotateFn(5, 185, '免单5元');
break;
case 6:
//var angle = [235, 287];
rotateFn(6, 235, '免分期服务费');
break;
case 7:
//var angle = [287];
rotateFn(7, 287, '提高白条额度');
break;
}
console.log(item);
});
});
function rnd(n, m){
return Math.floor(Math.random()*(m-n 1) n)
}
</script>
代码片段和文件信息
属性 大小 日期 时间 名称
----------- --------- ---------- ----- ----
文件 1716 2015-02-06 14:51 JQueryluckybigturntable\css\demo.css
文件 41464 2015-02-03 14:52 JQueryluckybigturntable\images\pointer.png
..A.SH. 58880 2015-02-06 14:52 JQueryluckybigturntable\images\Thumbs.db
文件 41466 2015-02-03 15:00 JQueryluckybigturntable\images\turntable-bg.jpg
文件 75434 2015-02-03 14:45 JQueryluckybigturntable\images\turntable.png
文件 2562 2017-01-23 13:36 JQueryluckybigturntable\index.html
文件 11161 2013-09-09 09:43 JQueryluckybigturntable\js\awardRotate.js
文件 91671 2015-02-06 14:37 JQueryluckybigturntable\js\jquery.min.js
文件 147 2017-01-23 13:31 JQueryluckybigturntable\Web.config
目录 0 2015-02-06 14:52 JQueryluckybigturntable\css
目录 0 2015-02-06 14:53 JQueryluckybigturntable\images
目录 0 2015-02-06 14:47 JQueryluckybigturntable\js
目录 0 2018-05-09 14:06 JQueryluckybigturntable
----------- --------- ---------- ----- ----
324501 13
----------- --------- ---------- ----- ----
文件 1716 2015-02-06 14:51 JQueryluckybigturntable\css\demo.css
文件 41464 2015-02-03 14:52 JQueryluckybigturntable\images\pointer.png
..A.SH. 58880 2015-02-06 14:52 JQueryluckybigturntable\images\Thumbs.db
文件 41466 2015-02-03 15:00 JQueryluckybigturntable\images\turntable-bg.jpg
文件 75434 2015-02-03 14:45 JQueryluckybigturntable\images\turntable.png
文件 2562 2017-01-23 13:36 JQueryluckybigturntable\index.html
文件 11161 2013-09-09 09:43 JQueryluckybigturntable\js\awardRotate.js
文件 91671 2015-02-06 14:37 JQueryluckybigturntable\js\jquery.min.js
文件 147 2017-01-23 13:31 JQueryluckybigturntable\Web.config
目录 0 2015-02-06 14:52 JQueryluckybigturntable\css
目录 0 2015-02-06 14:53 JQueryluckybigturntable\images
目录 0 2015-02-06 14:47 JQueryluckybigturntable\js
目录 0 2018-05-09 14:06 JQueryluckybigturntable
----------- --------- ---------- ----- ----
324501 13
- 上一篇:超炫的边栏过渡效果
- 下一篇:Lodop web打印大全
相关资源
- jquery权威指南 第2版全
- Head First Jquery中文版完整扫描PDF版
- 具有查重检测功能的作业管理系统
- 北大青鸟ACCP7.0使用jQuery快速高效制作
- jQuery.color.js
- 构建跨平台APP-jQuery.Mobile移动应用实战
-
ja
vasc ript和JQuery和CSS和CSS+DIV大全 - 网上零食商城(ssm+bootstrap+jquery+Angu
- 人事管理系统(注解 Mybatis+Spring+Spr
- 基于Jquery的网站设计
-
ja
vasc ript和jQuery实战手册 原书第 - kendoui.for.jquery.2019.1.115.commercial
- 前端技术选型分析文档
- jquery mobile 树插件
- jQuery.formatMoney
- jquery ui Dialog 添加最大最小化按钮控制
- 利用JQuery做图片上一张下一张
- 用jquery mobile编写的一个购物商城,可
- jquery-3.3.1.min.js
- Jquery解析Json数据,实现级联菜单
- jquery-3.3.1.js/min.js
- jQuery简单用户登录注册页面模板.zip
- FormDesigner基于AntDesign和jQueryUI的表单设
- jquery表格动态添加删除行代码.zip
- jQuery文件夹创建删除修改代码.zip
- jquery密码强度百分比.zip
- 圣诞节雪花飘落jQuery特效.zip
- jQuery排序工具jQuery.sorted.zip
- jquery带拖动的进度条播放停止代码.
- jQuery触屏手机上下滑动刷新代码.zip
评论
共有 条评论