网页代码设计技巧系列之---按钮拼图.docVIP

CENTERpFORMtable border=0 celpadding=0 cellspacing=10trtdinput type=button value= 1 onClick=window.move(0)input type=button value= 2 onClick=window.move(1)input type=button value= 3 onClick=window.move(2)brinput type=button value= 4 onClick=window.move(3)input type=button value= 5 onClick=window.move(4)input type=button value= 6 onClick=window.move(5)brinput type=button value= 7 onClick=window.move(6)input type=button value= 8 onClick=window.move(7)input type=button value= 0 onClick=window.move(8)p/tdtd valign=top/td/trtrtd align=center移动:brinput name=moves size=7 value=0 p/tdtd align=centerbrinput type=submit value=新游戏 onClick=window.newgame()/td/tr/table/FORM/CENTERscript language=JavaScript!-- Beginfunction initArray() {this.length = initArray.arguments.lengthfor (var i = 0; i this.length; i++)this[i+1] = initArray.arguments[i]}var pos = new initArray(9,9,9,9,9,9,9,9,9);var nummoves= 0;function random() {today = new Date();num = today.getTime();num = Math.round(Math.abs(Math.sin (num)*1000000)) % 9;return num;}function display(pos) {for (var i=0; i9; i++) {document.forms[0].elements[i].value = pos[i];}document.forms[0].moves.value= nummoves;win();}function move(num) {if (num 8 pos[num+1]==0) {pos[num+1]= pos[num];pos[num]= 0;nummoves++;}else if (num 0 pos[num-1]==0) {pos[num-1]= pos[num];pos[num]= 0;nummoves++;}else if (num 2 pos[num-3]==0) {pos[num-3]= pos[num];pos[num]= 0;nummoves++;}else if (num 6 pos[num+3]==0 ) {pos[num+3]= pos[num];pos[num]= 0;nummoves++;}display(pos);}function win() {if (pos[0]== 1 pos[1]== 2 pos[2]== 3 pos[3]== 4 pos[4]== 5 pos[5]== 6 pos[6]== 7 pos[7]== 8 pos[8]== 0) {if (confirm(You did it! Do you want to restart?)) newgame();}}function newgame() {var x=1;for (var i=0; i9; i++) {pos[i]=9;}for (var i=0; i9;i++) {randomnum=random();if (randomnum==9) randomnum=8;x=1;for (var j=0; j9; j++) {if (j==i)continue;if (randomnum==p