jquery rotate实现大转盘抽奖中奖页面效果代码
代码语言:html
所属分类:大转盘
代码描述:jquery rotate实现大转盘抽奖中奖页面效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
* {
margin:0;
padding:0;
}
body {
font-family:"Microsoft Yahei";
background-color:#15734b;
}
h1 {
width:900px;
margin:40px auto;
font:32px "Microsoft Yahei";
text-align:center;
color:#fff;
}
.dowebok {
width:894px;
height:563px;
margin:0 auto;
background-image:url(//repo.bfw.wiki/bfwrepo/images/zhuanpan/1/s3_bg.png);
}
.rotary {
position:relative;
float:left;
width:504px;
height:504px;
margin:20px 0 0 20px;
background-image:url(//repo.bfw.wiki/bfwrepo/images/zhuanpan/1/g.png);
}
.hand {
position:absolute;
left:144px;
top:144px;
width:216px;
height:216px;
cursor:pointer;
}
.list {
float:right;
width:300px;
padding-top:44px;
}
.list str.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0