- 3/5
- 1
- 2
- 3
- 4
- 5
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!
数格排序,您可以先修改部分代码再运行.
<html> <head> <SCRIPT language=JavaScript> <!-- Begin var blank_pos = 16, count = 0, pos = new Array(), nam = new Array(); pos[1] = 7; pos[2] = 10; pos[3] = 14; pos[4] = 9; pos[5] = 12; pos[6] = 2; pos[7] = 13; pos[8] = 1; pos[9] = 8; pos[10] = 5; pos[11] = 4; pos[12] = 6; pos[13] = 3; pos[14] = 11; pos[15] = 15; function start() { nam[1] = L1.style; nam[2] = L2.style; nam[3] = L3.style; nam[4] = L4.style; nam[5] = L5.style; nam[6] = L6.style; nam[7] = L7.style; nam[8] = L8.style; nam[9] = L9.style; nam[10] = L10.style; nam[11] = L11.style; nam[12] = L12.style; nam[13] = L13.style; nam[14] = L14.style; nam[15] = L15.style; document.onkeydown = keyDown; } function keyDown() { var ieKey = event.keyCode; if (ieKey == 38) { if (blank_pos < 13) { count=blank_pos + 4; X = fun(count); Z = (parseInt(nam[X].top)); nam[X].top = Z - 52; Q = pos[X]; pos[X] = blank_pos; blank_pos = Q; } } else if (ieKey == 40) { if (blank_pos > 4) { count = blank_pos - 4; X = fun(count); Z = (parseInt(nam[X].top)); nam[X].top = Z + 52; Q = pos[X]; pos[X] = blank_pos; blank_pos = Q; } } else if (ieKey == 37) { r = blank_pos % 4 if (r == 0) { } else { count = blank_pos + 1; X = fun(count); Z = (parseInt(nam[X].left)); nam[X].left = Z - 52; Q = pos[X]; pos[X] = blank_pos; blank_pos = Q; } } else if (ieKey == 39) { ch = blank_pos + 3; r = ch % 4; if (r == 0) { } else { count = blank_pos - 1; X = fun(count); Z = (parseInt(nam[X].left)); nam[X].left = Z + 52; Q = pos[X]; pos[X] = blank_pos; blank_pos = Q; } } else { alert("对不起，本页只能使用方向键！"); } A = false; b = 0; for (i = 1; i < 16; i++) { b++; if (pos[i] == b) { A = true; } else { A = false; break; } } if (A)alert("CONGRATULATIONS"); } function fun(count) { for (var i = 1; i < 16; i++) { if (pos[i] == count) { var X = i; } } return X; } // End --> </SCRIPT> <title>Typhoon Start JavaScript Fairyland－www.51windows.Net</title> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> </head> <body bgcolor="#000000" text="#999999" link="#33FF33" vlink="#33FF33" alink="#33FF33" onload=start()> <DIV id=L8 style="LEFT: 208px; WIDTH: 50px; POSITION: absolute; TOP: 36px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER> 8 </CENTER> </b></DIV> <B> <DIV id=L6 style="LEFT: 260px; WIDTH: 50px; POSITION: absolute; TOP: 36px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>6</CENTER></b></DIV><B> <DIV id=L13 style="LEFT: 312px; WIDTH: 50px; POSITION: absolute; TOP: 36px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>13</CENTER></b></DIV><B> <DIV id=L11 style="LEFT: 364px; WIDTH: 50px; POSITION: absolute; TOP: 36px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>11</CENTER></b></DIV><B> <DIV id=L10 style="LEFT: 208px; WIDTH: 50px; POSITION: absolute; TOP: 88px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>10</CENTER></b></DIV><B> <DIV id=L12 style="LEFT: 260px; WIDTH: 50px; POSITION: absolute; TOP: 88px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>12</CENTER></b></DIV><B> <DIV id=L1 style="LEFT: 312px; WIDTH: 50px; POSITION: absolute; TOP: 88px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>1</CENTER></b></DIV><B> <DIV id=L9 style="LEFT: 364px; WIDTH: 50px; POSITION: absolute; TOP: 88px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>9</CENTER></b></DIV><B> <DIV id=L4 style="LEFT: 208px; WIDTH: 50px; POSITION: absolute; TOP: 140px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>4</CENTER></b></DIV><B> <DIV id=L2 style="LEFT: 260px; WIDTH: 50px; POSITION: absolute; TOP: 140px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>2</CENTER></b></DIV><B> <DIV id=L14 style="LEFT: 312px; WIDTH: 50px; POSITION: absolute; TOP: 140px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>14</CENTER></b></DIV><B> <DIV id=L5 style="LEFT: 364px; WIDTH: 50px; POSITION: absolute; TOP: 140px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>5</CENTER></b></DIV><B> <DIV id=L7 style="LEFT: 208px; WIDTH: 50px; POSITION: absolute; TOP: 192px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>7</CENTER></b></DIV><B> <DIV id=L3 style="LEFT: 260px; WIDTH: 50px; POSITION: absolute; TOP: 192px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>3</CENTER></b></DIV><B> <DIV id=L15 style="LEFT: 312px; WIDTH: 50px; POSITION: absolute; TOP: 192px; HEIGHT: 50px; BACKGROUND-COLOR: green"><BR> <B> <CENTER>15</CENTER></b></DIV><B> <p> <form name="form1" > </form> </body> </html>