今天给大家分享做了一个简易的消除图片的小游戏，没有连线的规则，废话不多说，直接上源码
js连连看
var wrap = document.getElementsByClassName('wrapper')[0]; var rows = 7; // 创建连连看行数 var cols = 12; // 创建连连看列数 var type = 24 //选择多少种图片，0-24都可以 看自己心情 数字大种类多 数字小种类少游戏难度更简单 var squareSet = []; // 生成小方块的数组 var chooseOne = null; // var chooseTwo = null; // var Toward = { node: null, up: { row: -1, col: 0 }, right: { row: 0, col: 1 }, down: { row: 1, col: 0 }, left: { row: 0, col: -1 } } window.onload = function () { init(); //初始化 } function init() { if (rows * cols % 2 != 0) { //判断小方块总数是否为奇数，奇数就不执行 alert('展示数量不能为奇数') // 弹出提示，阻塞js加载 } initSquareSet(); } function initSquareSet() { // 方块默认长宽都是80px wrap.style.height = rows * 80 + 'px'; // 外面盒子的总高度 wrap.style.width = cols * 80 + 'px'; // 外面盒子的总宽度 var oDiv = document.createElement('div') var tmp = createRandomNum(); //生成随机数数组 我的图片名称是0.jpg~24.jpg 函数生成0~24随机数就可以通过字符串拼接动态的选择图片 squareSet = new Array(rows + 2); // 生成小方块的数组 既有行又有列 我们就要利用for循环生成二维数组 57~60 for (var i = 0; i 喜欢的小伙伴点个关注、收藏、转发哦！
本文来自投稿，不代表本人立场，如若转载，请注明出处：http://www.sosokankan.com/article/1803031.html