站 内 搜 索
热门特效推荐
您当前位置：
中国素材首页
>>
网页特效
>>
游戏类
>> 数格排序
数格排序
中国素材网 www.sucai86.com 2005-3-31 13:41:16 流量数:
数格排序
[
查看演示
] 源码如下
----------------------------------------------------------------------------------------
<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" content="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>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> ----------------------------------------------------------------------------------------
欢迎来到中国素材网!