首页 > Web开发 > 详细

JS原生实现照片抽奖

时间:2019-07-21 10:56:50      阅读:95      评论:0      收藏:0      [点我收藏+]

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

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

点击抽奖按钮前的效果:

技术分享图片

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

技术分享图片

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

技术分享图片

Javascript部分:

技术分享图片

 

JS原生实现照片抽奖

原文:https://www.cnblogs.com/liguofeng/p/11220438.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!