简单的转盘抽奖html,一个很简单的H5的转盘抽奖的（主要用的是css3的属性）

H5抽奖的

margin: 0;

padding: 0;

}

.luck{

width: 600px;

height: 600px;

position: relative;

border: 1px solid #cccccc;

margin: 0 auto;

}

.draw{

background-image:url("../imge/luckdraw.png");

background-repeat: no-repeat;

background-size: cover;

text-align: center;

width: 600px;

height: 600px;

position: absolute;

z-index: 1;

top: 0;

left: 0;

}

.shot{

background-image:url("../imge/luckshot.png");

background-repeat: no-repeat;

background-size: cover;

text-align: center;

width: 196px;

height: 246px;

position: absolute;

top: 153px;

left: 196px;

z-index: 3;

cursor: pointer;

}

var draw = document.getElementById('draw');

var btn = document.getElementById('btn');

var timer;

btn.onclick = function(){

var t = 0;

var stopT = parseInt(1+Math.random()*10)*1000;

clearInterval(timer);

timer = setInterval(function(){

if(t >= 360){

t = 0;

}else{

t = t+1;

}

draw.style.transform = 'rotate('+t+'deg)';

},20);

setTimeout(function(){

clearInterval(timer);

},stopT);

}

简单的转盘抽奖html,一个很简单的H5的转盘抽奖的（主要用的是css3的属性）相关推荐

一个很简单的淘宝优惠券搜索助手大家看看有没有用吧
一个很简单的淘宝优惠券搜索助手大家看看有没有用吧下载地址:http://pan.baidu.com/s/1skRHTDF 转载于:https://www.cnblogs.com/devgis/p/ ...
一个很简单的淘宝优惠券搜索助手大家看看有没有用吧下载地址：http://pan.baidu.com/s/1skRHTDF
一个很简单的淘宝优惠券搜索助手大家看看有没有用吧下载地址:http://pan.baidu.com/s/1skRHTDF
一个很简单的基于栈式过程虚拟机的实现，它运行目标平台【x86】的原生代码。
本文提供的 "栈式过程虚拟机" 的实现,挂在本人的 github 上面,对想要深入了解 "栈式过程虚拟机" 的人,它或许可以起到一个不错的作用,但是本人建议一般 ...
python写一个很简单的Atm机系统，使用pickle模块和json模块来保存数据
我做的是一个很简单的Atm系统,很多都没约束条件目的: 用面向对象思维来处理运用文件的读写文件的读写用pickle模块和json模块来处理 pickle模块: pickle模块处理数据功能很强大 ...
html案例：模拟一个很简单的聊天框
html案例:模拟一个很简单的聊天框实现的代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "htt ...
64位游戏找call_网络小游戏怎么修改技能满级，满血？教大家一个很简单的修改方法！...
最近去忙着给小弟培训,都忘记上来发文章了,刚好小弟找了个小游戏练练逆向数据分析,下面就给大家讲讲他是怎么做到修改数据后,达到无限满血,全技能升级完的. 首先介绍几个概念: 网络游戏的变态功能的一般实现 ...
一个很简单的问题：遍历int数组并删掉所有偶数
一开始想的很简单,使用for循环和if判断进行遍历,如果是偶数则remove.后来发现和arraylist记混了,数组删除的话必须依次向前移一位,然后去掉最后一位. int[] line = {1,2 ...
一个很简单的H5的转盘抽奖的（主要用的是css3的属性）
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html lang="en"> <head ...
一个很简单的淡入淡出相册（转）
不知题目是否妥当,总之就是在相册中使用fade效果,让图片切换变得非常自然舒服. 1.<div id="album"> 2. <img src="ht ...
简单php会员注册代码,用PHP实现一个很简单的，会员登记系统
最近很忙没什么东西可写,之前找了点时间自己研究了一下php,但是离精通还有很远的距离啊.但是还是参考网上一些代码,自己做了一个简单的会员登记系统,主要是用于社团之类的登记人数,增删改查这四个基本要素只 ...

简单的转盘抽奖html,一个很简单的H5的转盘抽奖的（主要用的是css3的属性）

简单的转盘抽奖html,一个很简单的H5的转盘抽奖的（主要用的是css3的属性）相关推荐

最新文章

热门文章