前端学习笔记：js 第四天--转盘抽奖案例

Yokily

于 2021-07-27 21:15:17 发布

阅读量79

点赞数

本文链接：https://blog.csdn.net/weixin_44519518/article/details/119153373

版权

本文记录了使用CSS、HTML和JavaScript实现转盘抽奖的详细步骤，涵盖样式设计、结构构建以及交互逻辑的实现。

摘要由CSDN通过智能技术生成

转盘抽奖案例

CSS

 <style>
        *{
            margin:0px;
            padding: 0px;
            list-style: none;
        }
        div{
                width:854px;
                height:504px;
                position: relative;
            }
            .roow{
                top:103px;
                left:177px;
                position:absolute;
                
            }
    </style>

HTML

<div>
        <img src="pic.png" alt="" id="pic">
        <img src="row.png" alt="" id="row" class="roow">
    </div>

JS

<script>    
        var pic=document.getElementById('pic');
        var row=document.getElementById('row');
        var timer;
        var num=0;
        ro