<!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抽奖大转盘特效代码 - JS代码网</title>
<link rel="stylesheet" href="css/demo.css" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/awardRotate.js"></script>
<script type="text/javascript">
$(function (){
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>
</head>
<body>
<div class="turntable-bg">
<div class="pointer"><img src="images/pointer.png" alt="pointer"/></div>
<div class="rotate" ><img id="rotate" src="images/turntable.png" alt="turntable"/></div>
</div>
</body>
</html>
<div style="display:none">
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F6f798e51a1cd93937ee8293eece39b1a' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_5718743'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/stat.php%3Fid%3D5718743%26show%3Dpic2' type='text/javascript'%3E%3C/script%3E"));</script>
</div>
兼容性较好的jQuery抽奖大转盘特效代码
需积分: 13 179 浏览量
2015-11-26
17:25:37
上传
评论 1
收藏 224KB ZIP 举报
turntable3.zip （8个子文件） 
turntable3 css 
demo.css 2KB images 
pointer.png 40KB turntable.png 74KB
turntable-bg.jpg 40KB Thumbs.db 58KB
index.html 3KB js jquery.min.js 90KB awardRotate.js 11KB资源评论
