栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

JaveScript 之 寻找徐峥

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JaveScript 之 寻找徐峥

学习时写了个小游戏 --- 寻找徐峥,模仿的是网页小游戏---寻找房祖名



    
 
 
 
     *{
  margin: 0;
  padding: 0;
     }
     #wrap{
  width: 600px;
  height: 650px;
  border: 1px solid black;
  margin:0 auto;
  position: relative;
     }
     #time{
  width: 110px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  float: left;
     }
     #score{
  width: 110px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  float: right;
     }
     #content{
  width: 600px;
  height: 600px;
  clear: both;
  
  
  display: flex;
  
  flex-wrap: wrap;
     }
     #content>img{
  
  
  width: 100%;
  height: 100%;
     }
     #menuGame{
  width: 600px;
  height: 650px;
  background: rgba(0,0,0,0.2);
  position: absolute;
  left: 0;
  top: 0;
     }
     #start{
  width: 200px;
  height: 60px;
  border-radius: 10px;
  background: red;
  color: white;
  font-size: 30px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -30px;
  
  cursor: pointer;
     }
 
    
    
 
     
      剩余时间:20
      分数:0
     
     
  
     
     
     
  
  

开始游戏

1.jpg 是徐峥,2.jpg 是包贝尔

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/243482.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号