資源簡介
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打印大全
評論
共有 條評論