红色喜庆jquery抽奖网页特效红色喜庆jquery抽奖网页特效是一款基于jquery.rotate插件实现的转盘抽奖活动。jquery红色喜庆抽奖抽奖代码
<script type="text/javascript">
$(function(){
var $rotaryArrow = $('#rotaryArrow');
var $result = $('#result');
var $resultTxt = $('#resultTxt');
var $resultBtn = $('#result');
$rotaryArrow.click(function(){
var data = [0, 1, 2, 3, 4, 5, 6, 7];
data = data[Math.floor(Math.random()*data.length)];
switch(data){
case 1:
rotateFunc(1,87,'恭喜您获得了 <em>1</em> 元代金券');
break;
case 2:
rotateFunc(2,43,'恭喜您获得了 <em>5</em> 元代金券');
break;
case 3:
rotateFunc(3,134,'恭喜您获得了 <em>10</em> 元代金券');
break;
case 4:
rotateFunc(4,177,'很遗憾，这次您未抽中奖，继续加油吧');
break;
case 5:
rotateFunc(5,223,'恭喜您获得了 <em>20</em> 元代金券');
break;
case 6:
rotateFunc(6,268,'恭喜您获得了 <em>50</em> 元代金券');
break;
case 7:
rotateFunc(7,316,'恭喜您获得了 <em>30</em> 元代金券');
break;
default:
rotateFunc(0,0,'很遗憾，这次您未抽中奖，继续加油吧');
}
});
var rotateFunc = function(awards,angle,text){ //awards:奖项，angle:奖项对应的角度
$rotaryArrow.stopRotate();
$rotaryArrow.rotate({
angle: 0,
duration: 5000,
animateTo: angle + 1440, //angle是图片上各奖项对应的角度，1440是让指针固定旋转4圈
callback: function(){
$resultTxt.html(text);
$result.show();
}
});
};
$resultBtn.click(function(){
$result.hide();
});
});
</script>
本站资源仅限于学习研究，严禁从事商业或者非法活动!
源码搜藏网所有源码来自互联网转载与用户上传分享，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
jQuery百度搜索自动补全插件jQuery特效下载排行
-
2016-12-18
-
2014-05-26
-
2016-04-25
-
2014-10-31
-
2017-02-10
-
2015-10-26
-
2017-03-24
-
2016-12-18
最新文章
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
-
2017-03-24
热门源码
