这两天一直构思做一个网页版连连看,不过一直没有时间也没有算法。今天早上有空,先完成了一个外壳,就少了算法。我知道网页版的连连看其实也有人做过了,但可能每个人的想法不同,思路也不同。我只是当做一种练习。不过本次的练习有缺陷:
1、没有完整的算法,目前只是判断是否一样 的图形,如果一样就消除;只需要完善ExcuteFindPath()方法就能实现整个代码。如果有谁可以提供一个完整的算法,请与我联系。
2、因为图片不是作为背景形式呈现,所以在浏览器中拖动时会有问题,欢迎大家修改,并将修改后的代码公布一下。
3、重新排列没有做完,也不打算继续做,希望有人做了公布一下。
4、为了方便定位,使用了table,可能这个不太迎合某些高要求的人。
本代码的一些特色:
1、ajax从handler读取数据在前台呈现,并非完全由页面生成代码。
2、代码较简单易懂,适合初学者。
项目层次如下图:
效果图如下:
主要代码:
index.html: