JS原生实现照片抽奖

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

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

点击抽奖按钮前的效果:

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

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

Javascript部分:

 

posted on 2019-07-21 10:40  李国锋  阅读(1017)  评论(3编辑  收藏  举报

导航