<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>看你能堅持幾秒</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
<!
-- UNKNOWN
{
document: }}
UNKNOWN
{
var: new Date();
starttime: today.getTime();
}
UNKNOWN
{
var: new Date();
endtime: today.getTime();
}
UNKNOWN
{
var: (endtime - starttime - 0)/1000;
return: }}
UNKNOWN
{
return: ;;;;if:document.layers[divname].left;else:parseInt(document.getElementById(divname).style.left + "")}
UNKNOWN
{
return: ;;;;if:document.layers[divname].top;else:parseInt(document.getElementById(divname).style.top + "")}
UNKNOWN
{
if: xpos;
else: xpos;
}
UNKNOWN
{
if: ypos;
else: ypos;
}
UNKNOWN
{
var: 0;
if: = 'y' ) { if (isNS4) divsize = document.layers[divname].clip.height;
else: iif(isIE4||isIE5)divsize=document.all(divname).style.pixelHeight;
elseif: ((isNS6)divsize=parseInt(document.getElementById(divname).style.height + "" );
}
else if (
dimension =='
x')
{
if: ((isNS4)divsize=document.layers[divname].clip.width;
elseif: ((isIE4||isIE5)divsize=document.all(divname).style.pixelWidth;
elseif: ((isNS6)divsize=parseInt(document.getElementById(divname).style.width + "");}
return divsize}}}
UNKNOWN
{
var: "enemy" + num + "" var difX = giveposX( 'box' ) - giveposX(enemy) - 0;
-0: giveposY( 'box' ) - giveposY(enemy) - 0;
set: 1 if it is touching an enemy if (difX > (-1 * givesize( 'box' , 'x' )) && difX < givesize(enemy, 'x' ) && difY > (-1 * givesize( 'box' , 'y' )) && difY < givesize(enemy, 'y' )) { touch = 1;
}
else touch =0}}
UNKNOWN
{
var: giveposY(enemy) + (step_y*enemyydir[num]) + 0;
if: = 1) { stop();
reset: (();
}
;
setposX: ;
setposY: ;
checktouching:}}}
UNKNOWN
{
else: 10;
gametime: gametime + 1 if (gametime >= 0 && gametime < 100) speed = 80;
window: "speed: " + speed + " gametime: " + gametime;
movenemy: ;;;;setTimeout:}
UNKNOWN
{
var: giveposY( 'box' );
if: ;;;;setposX:;setposY:;curY:(isNS4||isNS6)?e.pageY:window.event.y;curX2:eval(curX - 40);curY2:eval(curY - 40);boxX:eval(curX - 20);boxY:eval(curY - 20)}
UNKNOWN
{
if: ;;;;moving:0}
UNKNOWN
{
if: ;;;;moving:0;endclock:}
UNKNOWN
{
document: ;;;;var:window.confirm('Enter your name?');if:;window:;finaltime:calctime()}
UNKNOWN
{
if: = 1 && touch == 0){ setposX( 'box' ,boxX);
setposy: (( 'box' ,boxY);
if: ((curY>69&&curX>69&&curY<381&&curX<381)returnfalse;
elsestop: (();reset();}
else if (
touch ==1){stop();reset();};
checktouching: ;
curY: (
isNS4 ||
isNS6) ?
e.pageY : window.event.y; boxX: eval(curX -20);
boxY: eval(curY -20);
curX: (
isNS4 ||
isNS6) ?
e.pageX : window.event.x}}}//
-- ></style>
<script type="text/javascript">
isNS4 = (document.layers) ? true : false;
isIE4 = (document.all && !document.getElementById) ? true : false;
isIE5 = (document.all && document.getElementById) ? true : false;
isNS6 = (!document.all && document.getElementById) ? true : false;
var curX, curY, curX2, curY2, boxX, boxY, moving=0, touch=0;
var gametime=0, started=0, speed;
var starttime, endtime, finaltime=0; //pass finaltime to popup window to ask for initials
var enemyxdir = new Array(1,1,1,1);
var enemyydir = new Array(1,1,1,1);
if (isNS4 || isNS6){
document.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN|Event.MOUSEMOVE);
}
document.onmousedown = start;
document.onmousemove = checkLocation;
document.onmouseup = stop;
function startclock() {var today = new Date(); starttime = today.getTime();}
function endclock() {var today = new Date(); endtime = today.getTime();}
function calctime() {var time = (endtime - starttime - 0)/1000; return time;}
function giveposX(divname) {
if (isNS4) var posLeft = document.layers[divname].left;
else if (isIE4 || isIE5) var posLeft = document.all(divname).style.pixelLeft;
else if (isNS6) var posLeft = parseInt(document.getElementById(divname).style.left + "");
return posLeft;
}
function giveposY(divname) {
if (isNS4) var posTop = document.layers[divname].top;
else if (isIE4 || isIE5) var posTop = document.all(divname).style.pixelTop;
else if (isNS6) var posTop = parseInt(document.getElementById(divname).style.top + "");
return posTop;
}
function setposX(divname, xpos) {
if (isNS4) document.layers[divname].left = xpos;
else if (isIE4 || isIE5) document.all(divname).style.pixelLeft = xpos;
else if (isNS6) document.getElementById(divname).style.left = xpos;
}
function setposY(divname, ypos) {
if (isNS4) document.layers[divname].top = ypos;
else if (isIE4 || isIE5) document.all(divname).style.pixelTop = ypos;
else if (isNS6) document.getElementById(divname).style.top = ypos;
}
function givesize(divname, dimension) {
var divsize = 0;
if (dimension == 'y') {
if (isNS4) divsize = document.layers[divname].clip.height;
else if (isIE4 || isIE5) divsize = document.all(divname).style.pixelHeight;
else if (isNS6) divsize = parseInt(document.getElementById(divname).style.height + "");
}
else if (dimension == 'x') {
if (isNS4) divsize = document.layers[divname].clip.width;
else if (isIE4 || isIE5) divsize = document.all(divname).style.pixelWidth;
else if (isNS6) divsize = parseInt(document.getElementById(divname).style.width + "");
}
return divsize;
}
// check to see if 'box' is touching 'enemy1'
function checktouching(num) {
var enemy = "enemy" + num + ""
var difX = giveposX('box') - giveposX(enemy) - 0; // -0 converts to integer
var difY = giveposY('box') - giveposY(enemy) - 0;
// set touch = 1 if it is touching an enemy
if (difX > (-1 * givesize('box', 'x')) && difX < givesize(enemy, 'x') && difY > (-1 * givesize('box', 'y')) && difY < givesize(enemy, 'y')) {
touch = 1;
}
else touch = 0;
}
function movenemy(num,step_x,step_y){
var enemy = "enemy" + num + ""
var enemyx = givesize(enemy, 'x');
var enemyy = givesize(enemy, 'y');
if (giveposX(enemy) >= (450 - enemyx) || giveposX(enemy) <= 0) {
enemyxdir[num] = -1 * enemyxdir[num];
}
if (giveposY(enemy) >= (450 - enemyy) || giveposY(enemy) <= 0) {
enemyydir[num] = -1 * enemyydir[num];
}
var newposx = giveposX(enemy) + (step_x*enemyxdir[num]) + 0;
var newposy = giveposY(enemy) + (step_y*enemyydir[num]) + 0;
setposX(enemy, newposx);
setposY(enemy, newposy);
checktouching(num + "");
if (touch == 1) {
stop(); reset();
}
}
function movenemies() {
gametime = gametime + 1
if (gametime >= 0 && gametime < 100) speed = 80;
else if (gametime >= 100 && gametime < 200) speed = 60;
else if (gametime >= 200 && gametime < 300) speed = 40;
else if (gametime >= 300 && gametime < 400) speed = 30;
else if (gametime >= 400 && gametime < 500) speed = 20;
else speed = 10;
movenemy(0,-10,12);
movenemy(1,-12,-20);
movenemy(2,15,-13);
movenemy(3,17,11);
setTimeout(movenemies,speed);
}
function start(e) {
if (started == 0) { movenemies(); startclock(); started = 1; }
curX = (isNS4 || isNS6) ? e.pageX : window.event.x ;
curY = (isNS4 || isNS6) ? e.pageY : window.event.y ;
curX2 = eval(curX - 40);
curY2 = eval(curY - 40);
boxX = eval(curX - 20);
boxY = eval(curY - 20);
var boxleft = giveposX('box');
var boxtop = giveposY('box');
if (curX > boxleft && curX2 < boxleft && curY > boxtop && curY2 < boxtop) {
moving = 1;
setposX('box', boxX);
setposY('box', boxY);
if (isNS4 || isNS6){
document.captureEvents(Event.MOUSEMOVE);
}
}
}
function stop(e){
moving=0;
if (isNS4 || isNS6){
document.releaseEvents(Event.MOUSEMOVE);
}
}
function reset(e){
endclock();
moving=0;
if (isNS4 || isNS6){
document.releaseEvents(Event.MOUSEMOVE);
}
if (finaltime == 0) {
finaltime = calctime();
window.alert('你堅持了 ' + finaltime + ' 秒.. ');
document.location.reload();
}
}
function checkLocation(e){
curX = (isNS4 || isNS6) ? e.pageX : window.event.x ;
curY = (isNS4 || isNS6) ? e.pageY : window.event.y ;
boxX = eval(curX - 20);
boxY = eval(curY - 20);
checktouching('1');
if (moving == 1 && touch == 0){
setposX('box',boxX);
setposY('box',boxY);
if (curY > 69 && curX > 69 && curY < 381 && curX < 381) return false;
else stop(); reset();
}
else if (touch == 1){
stop(); reset();
}
}
</script>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#ffffff" text="#000000" marginwidth="0"
marginheight="0">
<div style="left: 205px; position: absolute; width: 40px; top: 205px; height: 40px;
background-color: #990000; layer-background-color: #990000" id="box">
<table width="40" height="40">
<tbody>
<tr>
<td>
</td>
</TD></tr>
</tbody>
</table>
</div>
<div style="left: 270px; position: absolute; width: 60px; top: 60px; height: 50px;
background-color: #000099; layer-background-color: #000099" id="enemy0">
<table width="60" height="50">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
<div style="left: 300px; position: absolute; width: 100px; top: 330px; height: 20px;
background-color: #000099; layer-background-color: #000099" id="enemy1">
<table width="100" height="20">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
<div style="left: 70px; position: absolute; width: 30px; top: 320px; height: 60px;
background-color: #000099; layer-background-color: #000099" id="enemy2">
<table width="30" height="60">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
<div style="left: 70px; position: absolute; width: 60px; top: 70px; height: 60px;
background-color: #000099; layer-background-color: #000099" id="enemy3">
<table width="60" height="60">
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</div>
<table border="0" cellspacing="0" cellpadding="0">
<!-- row 1 -->
<tbody>
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 2 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 3 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 4 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 5 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 6 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 7 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 8 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- row 9 -->
<tr>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#000000" height="50" width="50">
<table>
<tbody>
<tr>
<td>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<div style="z-index: 1; left: 467px; position: absolute; width: 285px; top: 82px;
height: 293px" id="layer1">
<p>
click onto the red block with jump over it:<br />
鼠標移動到紅色部分。<br />
move the red block avoiding crash with the blue ones<br />
拖動紅塊，避免碰到藍色部分。<br />
don't touch the black edge.<br />
不要碰到黑色區域。
<br />
if you can reach more than 18 seconds, you are a genius.<br />
如果你能達到18秒以上，你算得上是個天才。
<br />
<br />
it is said that the pilots from the us air force<br />
are forced to reach 2 minutes.<br />
據說，美國空軍的飛行員被強制達到2分鐘。發給你的朋友一塊玩吧！
</p>
<p>
友情提醒：請使用IE 不要用Maxthon等第三方瀏覽器</p>
</div>
</body>
</html>
