写个小玩意(一)- 抽奖器(随机数与定时器)

写个小玩意(一)- 抽奖器(随机数与定时器)

写在前面: 这也许将会是一个系列,希望能够长久坚持下去,同时,作为一个初学者,我深知自己代码不精优化无力,如果各位有什么好想法/建议/批评,尽管在评论区提出来,谢谢啦。


需求

东南某高校某学院要举办迎新晚会,中间有一个抽奖环节,希望能够对在座的所有同学们抽奖,要求随机生成座位,并显示在屏幕上。

话说,,这个需求太笼统了对不对,,,我当时也是这么想的,,学生会的这些兄dei们让我有一种没有毕业就碰到程序员天敌(产品经理)的错觉。
事实证明,功能实在太简单了,没什么需求可以提,,,至少给我设计个界面嘛。

开工&踩坑

既然是一个静态页面,那么就简单的分成这么几个步骤好了:

  • 样式
  • 功能实现
    • 随机数
    • 闪烁显示效果
  • 测试

第一步,样式

先放一个body出来

随机抽奖器body
这个body看似没什么问题,但是在使用了web-font之后就尴尬了起来,后面我们进行解释

经过一番调整css,变成了这个样子(请不要在意空空如也的背景)
这里写图片描述
这个时候,,问题来了这个字体真的好丑啊!!!!!
于是,我找了酷炫的web-font,在这里特别感谢

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值