JS九宫格抽奖

最新推荐文章于 2024-07-30 10:56:44 发布

温柔归故里

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量85

点赞数

文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/tong200617/article/details/128998654

版权

<!DOCTYPE html>
<html>

<head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>抽奖</title>
</head>
<style type="text/css">
   .box {
       width: 340px;
       height: 340px;
       border: 1px pink solid;
       margin: 100px;
       position: relative;
   }

   .box div {
       width: 100px;
       height: 100px;
       background-color: aqua;
       /* margin: 10px; */
       line-height: 100px;
       text-align: center;
   }

   .item1 {
       position: absolute;
       top: 10px;
       left: 10px;
   }

   .item2 {
       position: absolute;
       top: 10px;
       left: 120px;
   }

   .item3 {
       position: absolute;
       top: 10px;
       left: 230px;
   }

   .item4 {
       position: absolute;
       top: 120px;
       left: 230px;
   }

   .item5 {
       position: absolute;
       top: 230px;
       left: 230px;
   }

   .item6 {
       position: absolute;
       top: 230px;
       left: 120px;
   }

   .item7 {
       position: absolute;
       top: 230px;
       left: 10px;
   }

   .item8 {
       position: absolute;
       top: 120px;
       left: 10px;
   }

   .box strong {
       display: block;
       width: 100px;
       height: 100px;
       background-color: yellow;
       line-height: 100px;
       text-align: center;
       position: absolute;
       top: 120px;
       left: 120px;
   }
</style>

<body>

   <div class="box">
       <div class="item1">扣除10积分</div>
       <div class="item2">奖励一百积分</div>
       <div class="item3">扣除一天</div>
       <div class="item4">扣除零积分</div>
       <div class="item5">奖励零分</div>
       <div class="item6">奖五十分</div>
       <div class="item7">放假一天</div>
       <div class="item8">放假半天</div>
       <strong>点击抽奖</strong>
   </div>

       function eve() {
           list[k].style.backgroundColor = "pink";
           int = setInterval(scrolls, time);
           rom = Math.floor(Math.random() * list.length);
           console.log(rom);
           but.onclick = null;
       }