js键盘事件

最新推荐文章于 2025-03-26 22:33:10 发布

zn19901023aa

最新推荐文章于 2025-03-26 22:33:10 发布

阅读量315

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端

本文链接：https://blog.youkuaiyun.com/zn19901023aa/article/details/40379575

web前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的抽奖系统的实现方法，通过JavaScript编程实现动态显示抽奖物品，支持开始和停止按钮控制，并结合了键盘事件来增强用户体验。

}

<!DOCTYPE html>
<html>
   <head>
   <title>抽奖系统</title>
   <meta charset="utf-8"/>
   <script src="choujiang2.js" type="text/javascript" charset="gbk"></script>

   <style>
       *{margin:0;padding:0;}
       .main{width:500px;height:300px;position:absolute;left:50%;top:50%;margin-left:-250px;margin-top:-150px;}
       .title{width:300px; height:100px;font-size:40px;font-weight:bold;color:#F00;text-align:center;}
       .btns{width:250px;height:30px;text-align:center;margin-left:40px;}
       .btns span{display:block;float:left;width:100px;height:35px;line-height:35px;background:#036;
           border:1px solid #eee;border-radius:7px;margin-right:10px;color:#fff;text-align:center;vertical-align:center;
       }

   </style>
   </head>
   <body>
       <div class="main">
       <div id="title" class="title">开始抽奖啦!</div>
           <div class="btns">
               <span id="play">开  始</span>
               <span id="stop">结  束</span>
           </div>

       </div>


   <body>
</html>