<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>圆盘抽奖特效代码</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jqueryui.js"></script>
<link rel="stylesheet" type="text/css" href="css/jqueryui/jqueryui.css" />
<style>
body {
background:url('img/turnplate/bg_01.jpg') top center no-repeat #fff;
font:Arial,Helvetica,sans-serif;
}
#header {
width:960px;
margin:0 auto;
position:relative;
}
#turnplatewrapper {
height:592px;
width:592px;
background:url('img/turnplate/plate_06.png') top left no-repeat;
/*_background:url('img/turnplate/plate_06_8.png') top left no-repeat;*/
left:200px;
top:20px;
position:absolute;
-moz-user-select:none;
user-select:none;
}
#turnplate {
height:592px;
width:592px;
background:url('img/turnplate/plate_05.png') top left no-repeat;
/*_background:url('img/turnplate/plate_05_8.png') top left no-repeat;*/
}
#turnplate #awards {
position:absolute;
width:100%;
height:100%;
background:url('img/turnplate/plate_03.png') top left no-repeat;
/*_background:url('img/turnplate/plate_03_8.png') top left no-repeat;*/
}
#platebtn {
position:absolute;
top:218px;
left:218px;
background:url('img/turnplate/plate_04.png') top left no-repeat;
/*_background:url('img/turnplate/plate_04_8.png') top left no-repeat;*/
height:155px;
width:155px;
cursor:pointer;
}
#platebtn.hover {
background-position:0 -155px
}
#turnplate #platebtn.click {
background-position:0 -310px
}
#gift {
width:398px;
height:89px;
background:url('img/turnplate/plate_gift_01.png') top left no-repeat;
/*_background:url('img/turnplate/plate_gift_01_8.png') top left no-repeat;*/
position:absolute;
left:90px;
top:720px;
}
#msg {
position:absolute;
display:none;
top:130px;
left:195px;
border-radius:5px;
color:#333;
border:3px solid #FED33f;
box-shadow:2px 2px 2px rgba(0,0,0,0.6);
background:#fffcf2;
width:200px;
padding:10px;
text-align:center;
}
#content {
width:960px;
margin:0 auto;
}
#init {
position:absolute;
top:50%;
left:50%;
width:100px;
height:30px;
border-radius:5px;
color:#333;
border:3px solid #FED33f;
box-shadow:2px 2px 2px rgba(0,0,0,0.6);
background:#fffcf2;
width:250px;
padding:10px;
margin-top:-30px;
margin-left:-138px;
text-align:center;
opacity:0.9;
filter:alpha(opacity=90);
}
#login {
margin-left:20px;
}
#login .tips {
margin-left:50px;
font-size:12px;
margin-bottom:-5px;
}
#login .tips a {
color:#039;
font-size:16px;
text-decoration:underline;
}
#login .tips a:hover {
}
#login .msg {
color:red;
}
#login label {
height:30px;
line-height:30px;
font-size:16px;
}
#login .ipt {
background:#fff;
border:1px solid #ccc;
height:28px;
line-height:28px;
margin-bottom:10px;
box-shadow:0 1px 0 #fff;
border-radius:2px;
width:200px;
}
#login .ipt:focus {
box-shadow:0 0 3px rgba(86,180,289,0.3);
border:1px solid #56b4ef;
}
#lotteryMsg {
}
#lotteryMsg .msg {
font-size:16px;
color:red;
font-weight:bold;
text-align:center;
font-size:26px;
color:#ba0f54;
line-height:1;
margin-bottom:10px;
}
#lotteryMsg .tips {
text-align:center;
font-size:14px;
}
#lotteryMsg .sp {
border-top:1px solid #c3c3c3;
border-bottom:0 none transparent;
border-right:0 none transparent;
border-left:0 none transparent;
overflow:hidden;
height:0;
margin:10px 0;
}
#lotteryMsg a {
color:#138cbe;
}
#lotteryMsg a:hover {
color:#039;
}
#lotteryMsg .content {
border:1px solid #ccc;
border-radius:5px;
padding:10px;
background:#fff;
line-height:1.5;
}
#top-menu-wrapper {
height:51px;
background:url('img/turnplate/bg_02.png') top center repeat-x;
margin-bottom:-51px;
}
#top-menu {
width:960px;
margin:0 auto;
}
#top-menu a, #top-menu span {
line-height:50px;
display:inline-block;
font-size:16px;
color:#fff;
text-decoration:1px 1px 2px rgba(0, 0, 0, 0.3);
}
#top-menu .user {
padding-left:30px;
display:inline-block;
height:50px;
color:#fff;
background:url('img/turnplate/bg_03.png') 0 16px no-repeat;
}
</style>
<style>
/*jquery ui 定制 */
body .ui-dialog {
padding:0px;
background:#ebeae3;
box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}
body .ui-dialog .ui-dialog-titlebar {
height:23px;
padding:0;
margin:0;
background:none;
border:0 none transparent;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
display:none;
}
body .ui-widget-content {
border:4px solid #F7D102;
}
body .ui-dialog .ui-dialog-titlebar-close {
background:#f6d20d;
right:0;
margin-top:-12px;
}
body .ui-dialog .ui-dialog-buttonpane {
border:0 none transparent;
}
body .ui-dialog .ui-button-text {
padding:0.8em 1em;
}
body .ui-widget-overlay {
background:url('img/turnplate/bg_04.png');
_filter:alpha(opacity=60);
}
.mv5 {
margin-left:5px;
margin-right:5px;
}
</style>
</head>
<div id="top-menu-wrapper" class="dn bgfix">
<div id="top-menu">
<div class="l"><a class="user bgfix" href="#"> </a> <span>（今天还有</span><span class="lottery-times">0</span><span>次抽奖机会）</span></div><a class="logout r" href="#">退出</a>
</div>
</div>
<div id="header">
<div id="turnplatewrapper" onselectstart="return false;" class="bgfix">
<div id="turnplate" class="bgfix">
<div id="awards" class="bgfix">
</div>
<div id="platebtn" class="bgfix">
</div>
<p id="msg">
</p>
<p id="init" class="dn">
初始化中，请稍后<span></span>
</p>
</div>
</div>
<div id="gift" class="bgfix">
</div>
</div>
<div id="content">
</div>
<div id="lotteryMsg" class="dn">
<p class="msg"></p>
<p class="tips">中奖空间已自动添加到您的快盘帐号中，<a href="#" target="_blank">点击查看</a>。</p>
<hr class="sp" />
<p class="mv5" style="margin-bottom:5px">发送以下内容到新浪微博，还可额外获得5M永久空间哦！</p>
<div class="content mv5">
“幸运大转盘，快盘送空间” <span class="option"></span>每日大转盘摇奖，轻松扩容，惊喜不断，抢100G永久空间点击->#/ 同步网盘领军产品，4500万用户的选择，值得信赖。
</div>
</div>
<!--新登录注册弹框-->
<div id="new-login" class="dn">
</div>
<body>
<!--
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('.bgfix');
</script>
-->
<!---->
<script>
//新登录
$('#new-login').dialog({
modal: true,
width:400,
heigth:220,
resizable: false,
autoOpen: false,
title: '请先登录'
});
</script>
<script>
var isLogin = false;
</script>
<script>
var turnplate = {
turnplateBox : $('#turnplate'),
turnplateBtn : $('#platebtn'),
lightDom : $('#turnplatewrapper'),
freshLotteryUrl : '#',
msgBox : $('#msg'),
lotteryUrl : '#',
height : '592', //帧高度
lightSwitch : 0, //闪灯切换开关. 0 和 1间切换
minResistance : 5, //基本阻力
Cx : 0.01, //阻力系数 阻力公式： totalResistance = minResistance + curSpeed * Cx;
accSpeed : 15, //加速度
accFrameLen : 40, //加速度持续帧数
maxSpeed : 250, //最大速度
minSpeed : 20, //最小速度
frameLen : 10, //帧总数
totalFrame : 0, //累计帧数,每切换一帧次数加1
curFrame : 0, //当前帧
curSpeed : 20, //上帧的速度
lotteryTime : 0, //抽奖次数
lotteryIndex : 6, //奖品index
errorIndex : 6, //异常时的奖品指针
initBoxEle : $('#turnplate #init'),
progressEle : $('#turnplate #init sp
20个html的抽奖小游戏 源码
5星 · 超过95%的资源 需积分: 41 41 浏览量
2020-06-17
09:21:20
上传
评论 3
收藏 27.07MB ZIP 举报 
20个html的抽奖小游戏 源码 （1062个子文件） 
jquery.mobile-1.4.2.css 238KB bootstrap.min.css 120KB mui.min.css 74KB animate.css 69KB Animate.css 60KB animate.min.css 55KB animate.min.css 54KB weui.min.css 49KB animator.css 29KB font-awesome.css 26KB docs.min.css 22KB csshake.min.css 21KB jqueryui.css 21KB award.css 21KB swiper.min.css 19KB style.css 18KB component.css 18KB component.css 18KB swiper.min.css 17KB base.css 15KB sweet-alert.css 15KB sweet-alert.css 15KB version3.css 12KB style2.css 12KB ui-dialog.css 10KB reset.css 9KB style.css 9KB style.css 8KB style.css 8KB 20160226.css 8KB min.css 8KB common_mobile.css 8KB chuyouwuyi01.css 7KB index.css 7KB chuyouwuyi.css 7KB layer.css 6KB css.css 6KB zdialog.css 6KB style.css 6KB index.css 6KB style.css 5KB open.css 5KB style.css 5KB global.css 5KB style.css 5KB index.css 4KB compound.min.css 4KB base.min.css 4KB lingqu.css 4KB style.css 4KB question.css 4KB simpl-public.min.css 4KB style.css 3KB style.css 3KB reset.css 3KB changpao.css 3KB demo.css 3KB base.min.css 3KB style.css 3KB base.css 3KB rotary.css 3KB common.css 3KB style.css 2KB reset.css 2KB publi.css 2KB publi.css 2KB index.css 2KB style.css 2KB kinerLottery.css 2KB style.css 2KB style.css 2KB rotate.css 2KB main.css 2KB zzsc.css 2KB demo.css 2KB atom.css 2KB demo.css 2KB common.css 2KB styleCJ.css 2KB lottery.css 2KB public.css 1KB index.css 1KB reset.css 1KB reset.css 1KB reset.css 1KB github.css 1KB demo.css 1KB style.css 1KB styleCJ.css 1KB main.css 1003B style.css 997B rain.css 973B style.css 867B style.css 767B zzsc.css 722B style.css 692B style1.css 503B function.css 492B style.css 449B main.css 408B共 1062 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
zh2223332023-07-26这个文件为开发者提供了一个很好的起点，可以帮助他们快速开发自己的抽奖小游戏。
杏花朵朵2023-07-26这个文件提供了丰富多样的抽奖小游戏源码，给人一种多样性的感觉。
柏傅美2023-07-26这些抽奖小游戏的源码结构清晰，易于修改和扩展。
XiZi2023-07-26文件中的源码注释详细，方便开发者学习和研究。
优游的鱼2023-07-26这个文件的源码实用性强，适合初学者理解和使用。
小晨毅哥
- 粉丝: 0
- 资源: 6
最新资源
- 基于matlab实现文档+程序边缘计算任务卸载与资源调度的算法，是论文的源代码，具有价值.rar
- 什么是学生成绩管理系统c++以及学习学生成绩管理系统的意义
- 什么是词向量-以及学习关于了解词向量的意义
- 什么是mybatis动态sql以及学习mybatis动态sql的意义
- 华为数据治理方法论，包括：数据治理框架、数据治理组织架构、数据治理度量评估体系以及华为数据治理案例分享
- 基于matlab实现对表面肌电信号进行归一化处理，并对归一化后的图形显示 .rar
- 基于matlab实现单级倒立摆的 T-S 模型 包括 LMI 程序源码
- 图书管理系统(struts+hibernate+spring+ext).rar
- 基于matlab实现此压缩包包含语音信号处理中的语音变声代码加音频.rar
- STM32使用PWM驱动舵机并通过OLED显示
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
