<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>转盘抽奖</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="box-lottery">
<div class="lottery-wrap" style="transform: rotate(-30deg);">
<span class="lottery-span1" data-id="8">
<i>课后检查卫生<br></i><img src="img/lottery_01.png" alt=" ">
</span>
<span class="lottery-span2" data-id="7">
<i>优先进微机室<br></i><img src="img/lottery_02.png" alt=" ">
</span>
<span class="lottery-span3" data-id="6">
<i>为小组鼓掌1次<br></i><img src="img/lottery_03.png" alt=" ">
</span>
<span class="lottery-span4" data-id="5">
<i>免罚1次<br></i><img src="img/lottery_04.png" alt=" ">
</span>
<span class="lottery-span5" data-id="1">
<i>优先进微机室</i><img src="img/lottery_05.png" alt=" ">
</span>
<span class="lottery-span6" data-id="4">
<i>帮老师指导学生</i><img src="img/lottery_06.png" alt=" ">
</span>
<span class="lottery-span7" data-id="3">
<i>选座位一次<br></i><img src="img/lottery_07.png" alt=" ">
</span>
<span class="lottery-span8" data-id="2">
<i>免罚1次<br></i><img src="img/lottery_08.png" alt=" ">
</span>
</div>
<a class="lottery-btn" href="javascript:void(0);"><i></i>立即抽奖</a>
</div>
<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="js/lib/anime.min.js"></script>
<script src="js/app/lottery.js"></script>
<script>
var Lottery = Turntable.create();
$('.lottery-btn').on('click', function(){
var num = Math.floor(Math.random() * 8);
Lottery.start(num, function(index){
alert($('span').eq(index).find('i').text());
console.log('index', index, 'lottery-span', 'lottery-span'+(index+1));
});
});
</script>
</body>
</html>
星星点亮小组评价打分软件，课堂教学小组辅助软件（注册）
需积分: 5 111 浏览量
2024-04-17
11:27:17
上传
评论
收藏 1.4MB ZIP 举报
小组10.zip （21个子文件） 
小组10 
小组评价网络3.exe 468KB js lib 
jquery-1.9.0.min.js 91KB anime.min.js 14KB app lottery.js 3KB temp_file _reset.css 2KB _mixins.css 208B img 
bg_lottery_f.png 6KB lottery_02.png 125KB lottery_03.png 199KB bg_lottery.png 9KB lottery_07.png 161KB btn_lottery.png 4KB icon_point.png 759B lottery_08.png 307KB lottery_04.png 222KB lottery_01.png 45KB lottery_06.png 59KB lottery_05.png 2KB css index.css 6KB
pj1.xls 20KB
index.html 2KB资源评论
