<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { margin: 0; padding: 0; } .container { width: 600px; ...
分类:
其他好文 时间:
2020-01-12 17:56:39
阅读次数:
110
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { margin: 0; padding: 0; } .container { width: 600px; ...
分类:
其他好文 时间:
2020-01-12 16:42:42
阅读次数:
95
主要描述的是如何运用 css 绘制一个抽奖转盘,并运用原生 js 实现转盘抽奖效果。 先来张效果图: 布局 一般来说,转盘一般有四个部分组成:外层闪烁的灯、内层旋转的圆盘、圆盘上的中奖结果、指针。 所以html的结构如下: 其中灯需要一直闪烁,而抽奖的时候转盘需要转动连带其中的中奖结果,而转盘指针不 ...
分类:
Web程序 时间:
2018-12-18 00:04:49
阅读次数:
915
题目要求: 很多同学有误解: 软件工程课是否就是理论课? 或者是几个牛人拼命写代码,其他人打酱油的课? 要不然就是学习一个程序语言,搞一个职业培训的课? 都不对!软件工程有理论,有实践,更重要的是分析,思辨,总结。在课程中,自己组织团队写一个软件,然后分析,这样能根据切身体会来分析,很有价值,但也有 ...
分类:
其他好文 时间:
2018-03-31 20:34:31
阅读次数:
167
原链接:http://www.cnblogs.com/bingwei/p/4830932.html 我修改了一点点,无聊将俩图片改成了css实现 链接: https://pan.baidu.com/s/1c2vVapE 密码: bf2f 效果图: ...
分类:
Web程序 时间:
2017-09-21 19:33:53
阅读次数:
138
转盘式抽奖的第一个问题是随机数个奖品在转盘上的定位,当然每个点的坐标是可以计算出来的: 不过在js中不需要这么繁琐,有n个奖品,一个圆360度,所以每个奖品之间的夹角是 360 / (n - 1)度,也就是说每个奖品相对中心旋转一定角度就可以了。 如果在canvas中那么可以自定义中心位置,如果用j ...
分类:
其他好文 时间:
2017-06-25 20:25:54
阅读次数:
133
最近公司搞一个抽奖转盘,然后下面有个中奖人列表信息,向上滚动的效果,在网上找了好了好多demo,不过他们大部分都有些小问题,因为我的数据第动态添加进来的,所以会导致重复叠加div向上滚动,这样太耗性能了,搞了两天,终于问公司其他同事解决了,下面写出来分享下: 动态添加数据我就不写了 这里是个js封装 ...
分类:
其他好文 时间:
2017-05-02 19:48:21
阅读次数:
222
自己制作了一个模仿抽奖转盘的小游戏,代码比较简单,规则是只有三次抽奖机会,并且浏览器会记录抽奖的次数, 代码如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ...
分类:
其他好文 时间:
2016-11-05 12:23:06
阅读次数:
232
html lang="zh-cn">
head>
meta charset="UTF-8">
script type="text/javascript" src="jquery-2.1.4.min.js">script>
title>转盘抽奖title>
meta name="viewport" content="width...
分类:
其他好文 时间:
2016-07-21 13:09:53
阅读次数:
235