JS原生实现照片抽奖

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

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

点击抽奖按钮前的效果:

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

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

Javascript部分:

猜你喜欢

转载自www.cnblogs.com/liguofeng/p/11220438.html
今日推荐