HTML表格标记实现九宫格,放入九张图片。利用CSS的滤镜属性控制图片的透明度。Javascript实现抽奖和中奖。

可以做为教师上课,随机抽取回答问题的同学,使学生感受到随机的公平性,简单有趣!

点击抽奖按钮前的效果:

JS原生实现照片抽奖

点击开始抽奖,照片轮动不透明显示,点击公布中奖后的效果

JS原生实现照片抽奖

程序代码如下(HTML和CSS部分):

JS原生实现照片抽奖

Javascript部分:

JS原生实现照片抽奖

 

相关文章:

  • 2021-12-21
  • 2022-12-23
  • 2021-06-20
  • 2021-09-03
  • 2022-01-16
  • 2022-02-04
  • 2021-10-02
  • 2022-02-16
猜你喜欢
  • 2021-09-09
  • 2021-11-11
  • 2021-07-01
  • 2021-05-21
  • 2022-12-23
  • 2022-02-09
  • 2022-12-23
相关资源
相似解决方案