用js html写个抽奖页面,用JS实现简单的网页抽奖

我们在上网做问卷调查或投票结束后，时常都会遇到抽奖，不过基本都是假的哈。下面将由简单的js代码来实现一下。

首先思路：1.写出需要的HTML和CSS样式 2.js实现滚动，停止，弹出奖品框。文中所示的代码已上传至GitHub啦。GitHub - tanzhuokun/GetAward.github.io: 抽奖JS简单实现

样式结果：

image.png

点击“开始抽奖”就进行背景色滚动，当然也可以写成另一种样式，抽奖按钮在中间，8个奖品即可，用CSS改变下样式就OK啦。

CSS样式展示如下：

#wrap {

text-align: center;

width: 500px;

margin: 100px auto;

position: relative;

}

#img{

width: 100px;

height: 100px;

margin-left: 40px;

margin-top: 20px;

}

#ul1 {

width: 303px;

height: 303px;

margin: 50px auto;

padding: 0;

border-top: 1px solid black;

border-left