这篇文章主要为大家详细介绍了原生javascript实现连连看游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js实现连连看游戏的具体代码,供大家参考,具体内容如下
<!DOCTYPE html> <html> <head> <title>连连看</title> <meta charset="gbk"> <style type="text/css"> 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; } </style> <script type="text/javascript"> var byId = function (id) { return document.getElementById(id); } var boxWidth = 61; //格子宽度