JS实现抽奖效果

这种效果很常见,所以对我们前段开发者来说是基本功,必须掌握.

页面布局:

JS实现抽奖效果_第1张图片

实现思路如图:(一条流水线的思路)

JS实现抽奖效果_第2张图片

代码也很简单啦

HTML部分:


CSS部分:

 

JS部分:

ps:图片读者自己加呀,并且将图片与html文件放到同一个文件夹下就好了,如果没有放在同一个文件夹下,需要在存放图片的数组里面修改路径。

你可能感兴趣的:(web)