演示网站 jQuery移动端抽奖大转盘
编写代码
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery手机移动端幸运大转盘抽奖代码</title>
<link href="css/jq22.css" rel="stylesheet" type="text/css">
<style>
.container{
margin: 0 auto;
}
.content{
position: absolute;
width: 100%;
height: auto;
margin: 0px auto;
margin-top: 58%;
}
</style>
</head>
<body>
<img src="images/game-bg.jpg" alt="" style="position: absolute;width: 100%;height: 100%;">
<div class="content" style="margin-top: 58%;">
<img src="images/8.png" id="fen-img" style="display:none;" />
<img src="images/6.png" id="zuliao-img" style="display:none;" />
<img src="images/3.png" id="baowen-img" style="display:none;" />
<img src="images/5.png" id="yundou-img" style="display:none;" />
<img src="images/7.png" id="ganlan-img" style="display:none;" />
<img src="images/4.png" id="yusan-img" style="display:none;" />
<div class="banner">
<div class="turnplate" style="background-image:url(images/turnplate-bg.png);background-size:100% 100%;">
<canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
<img class="pointer" src="images/turnplate-pointer.png">
</div>
</div>
</div>
<div id="sbtn">
<a href="#"><img src="images/btn-rule.png" alt=""></a>
<a href="#"><img src="images/btn-zjcx.png" alt=""></a>
</div>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/awardRotate.js"></script>
<script type="text/javascript">
注册免费下载
抱歉，隐藏内容须成功 评论本文 后刷新可见！
