jquery.rotate实现一个手机端大转盘抽奖活动效果代码-html代码-BFW代码库

jquery.rotate实现一个手机端大转盘抽奖活动效果代码

代码语言：html

所属分类：大转盘

代码描述：jquery.rotate实现一个手机端大转盘抽奖活动效果代码，包含中奖纪录及查看规则

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body {
        	margin:0px;
        	padding:0px;
        	background:#1e0d45;
        	color:#fff
        }
        #banner {
        	width:100%;
        	height:auto;
        	position:relative;
        }
        #share {
        	position:absolute;
        	top:2vw;
        	right:2vw;
        	width:22%
        }
        li {
        	list-style:none;
        	color:#303030
        }
        .tit-img,.tit-img>img,.lilv,.lilv>img,.fl3-tit {
        	width:100%;
        	height:auto;
        	display:block;
        }
        .times {
        	width:80%;
        	height:10vw;
        	line-height:10vw;
        	margin:0 auto;
        	background:pink;
        	border-radius:5vw;
        	font-size:3.9vw;
        	background:-moz-linear-gradient(left,#fb975c,#fb6153);
        	background:-webkit-gradient(linear,0 50%,100% 50%,from(#fb975c),to(#fb6153));
        	background:-webkit-linear-gradient(left,#fb975c,#fb6153);
        	background:-o-linear-gradient(left,#fb975c,#fb6153);
        }
        .times>p {
        	text-align:center;
        	margin:0px;
        }
        #gz-b {
        	width:25%;
        	display:block;
        	margin:0 auto;
        }
        .fl3-tit {
        	margin-top:5vw;
        	position:relative;
        }
        #fl3-img {
        	display:block;
        	width:69%;
        	margin:0 auto;
        }
        #b-guang {
        	width:15%;
        	position:absolute;
        	right:0vw;
        	top:0vw
        }
        .zp-box {
        	width:100%;
        	height:auto;
        	position:relative;
        }
        .dp-box {
        	width:90%;
        	height:auto;
        	margin:0 auto;
        	margin-top:5vw;
        	margin-bottom:5vw;
        }
        .dp-box>img,.zhizhen>img {
        	width:100%
        }
        .zhizhen {
        	width:30%;
.........完整代码请登录后点击上方下载按钮下载查看