原生javascript实现连连看游戏

本文实例为大家分享了js实现连连看游戏的具体代码，供大家参考，具体内容如下

 body {
  text-align: center;
 }
 .text {text-align: center; margin-top: 60px; color: #fff;}
 .agin {text-align: center; margin-top: 60px; color: #fff;}
 
 #game-box {
   margin: 60px auto;
   position: relative;
 }
 
 #game-box img {
  float: left;
  width: 59px;
  height: 59px;
  border: 1px solid #000000;
 }
 
 #game-box img.hover {
   border: 1px solid #ffffff;
 }
 
 #game-box img.active {
   border: 1px solid #7fff00;
 }
 #game-box div {
  background-color: #7fff00;
  position: absolute;
 }







相同图片可以连哦！啊哈哈哈~~ 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。