<html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="utf-8"/> <head> <title>拼图游戏--九宫格</title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript"> var kong = 9; var cunts = 0; var kaishi=false; var zhanting=false; $(function () { /*给所以方块注册点击事件*/ $(".cl").click(function () { if(!kaishi){ alert('请先点击开始游戏吧~~~!'); return; } var t = this.id;/*获取单击块的id*/ var index = Number(t.substring(3, t.length));/*获取块的编号*/ var m ="#"+ t + " img"; var s = $(m)[0].src; var arr=s.split('/'); s='images/'+arr[arr.length-1]; /*判断两个块,能不能交换,上下左右,编号时用到一个技巧*/ //编号为 /*1 2 3 */ /*5 6 7 */ /*9 10 11 */ /*上下 只需判断做差的绝对值是否为4,左右 只需判断做差的绝对值是否为1*/
if (Math.abs(index - kong) == 1 || Math.abs(index - kong) == 4){ var a = "#Div" + kong; var b = "#Div" + index;
var img1 = '<img src="'+s+'" id="img11" />'; var img2 = '<img src="images/9.jpg" id="img11" />';