链接类

VML

按钮类

标题类

表单类

表格类

菜单类

窗口类

对象类

滚动条

键盘类

框架类

例子类

模拟类

日期类

色彩类

鼠标类

数学类

图片类

文字类

下拉框

样式类

游戏类

状态栏

资料类

字幕类

其它类

 ·测测反应速度
 ·模拟跳舞
 ·猜数字
 ·乒乓球
 ·24点
 ·射击
 ·敲砖头
 ·测试游戏
 ·贪吃蛇
 ·十字定全局
您当前位置：好素材首页 -> 网页特效 -> 游戏类
查看信息

数格排序
好素材网 www.HaoSc.com 02月22日 11:49
[查看演示]  源码如下
----------------------------------------------------------
<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>

此信息共 1 页 [1]