記憶力テストゲーム、Web JS版、ルール：画像は15個に分割されています。 毎回ピースがランダムに与えられ、疑問符エリアでその位置を見つけて、その位置をクリックします。正しいエリアはそれぞれ 1 ポイントの価値があり、勝つためには 15 ポイントが必要です。各ゲームには 15 回のチャンスしかありません。 <title>記憶力テスト</title> <style> .20pt{font-size:20pt;color:#de3076} </style> <div style="position:absolute;top:-100;left:110;z-index:1000;width:300;height:500"> </div> [Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ] <!-- N = (navigator.appName.indexOf("Netscape")!=-1); M = (navigator.appName.indexOf("Microsoft")!=-1); Vis = new Array(); Vis[0] = (M) ? "hidden" : "hide"; Vis[1] = (M) ? "visible" : "show"; function GetDiv(divId,divY,divX,divW,divH,bCol,visb,zInd) { bkCol=(bCol!="")?((N)?" bgColor="+bCol:";background:"+bCol):""; DivTyp = (M) ? "<DIV" : "<LAYER" if (M) { Styl=" ID="+divId+" style='position:absolute;top:"+divY+";left:"+divX+";width:"+divW+";height:"+divH+bkCol+";visibility:"+Vis[visb]+";z-index:"+zInd+"'>"; } if (N) { Styl=" ID="+divId+" top="+divY+" left="+divX+" width="+divW+" height="+divH+bkCol+" visibility="+Vis[visb]+" z-index="+zInd+">"; } document.writeln(DivTyp+Styl); } function EndDiv() { (M)? document.writeln("") : document.writeln(""); } corr = new Array(); gnum = 0; score = 0; ind = 0; for (rows = 0; rows < 3; rows++) { for (cols = 0; cols < 5; cols++) { ind++; corr[ind] = 0; eval("GetDiv('d"+ind+"',"+rows*100+","+cols*100+",100,100,'',1,0)"); document.write("<img src=/upload/201102/Pic",ind,".jpg style="max-width:90%"絵パズル記憶力テストゲーム、WebページJS版_ゲームエンターテイメント" >"); EndDiv(); eval("GetDiv('dvTop"+ind+"',"+rows*100+","+cols*100+",100,100,'',0,1)"); document.write("<a href='javascript:TestMe(",ind,")'><img name = Pix",ind," src=/upload/201102/unknown.gif style="max-width:90%"絵パズル記憶力テストゲーム、WebページJS版_ゲームエンターテイメント" >"); EndDiv(); } } GetDiv('Control1',300,0,400,100,'silver',1,0); document.write("<center><br>先仔细的看看这幅图,然后<a href='javascript:StartTest()'>开始测试."); EndDiv(); GetDiv('Control2',300,0,400,100,'silver',0,1); document.write("<center><br>这幅图对应在上面的哪个位置?=><br><br>"); EndDiv(); GetDiv('TestPix',300,400,100,100,'',1,1); document.write("<img src=/upload/201102/unknown.gif name=Tester style="max-width:90%"); EndDiv(); function StartTest() { if (M) { eval("document.all.Control2.style.visibility = 'visible'"); } if (N) { eval("document.layers.Control2.visibility = 'show'"); } for (x = 1; x < 16; x++) { if (corr[x] == 0) { if (M) { eval("document.all.dvTop"+x+".style.visibility = 'visible'"); } if (N) { eval("document.layers.dvTop"+x+".visibility = 'show'"); } } } PickRandom(); document.Tester.src = "/upload/201102/Pic"+picked+".jpg"; } function PickRandom() { chk = 0 while (chk == 0) { picked = 1+Math.floor(15*Math.random()) if (corr[picked] == 0) { chk = 1; break; } } } function TestMe(x) { gnum++; if (x == picked) { score++; corr[x] = 1; } if (M) { eval("document.all.dvTop"+x+".style.visibility = 'hidden'"); } if (N) { eval("document.layers.dvTop"+x+".visibility = 'hide'"); } if (gnum > 14) { alert("It's over! Score = "+score); for (x = 1; x < 16; x++) { corr[x] = 0; } if (score == 15) alert("And you win!"); gnum = 0; score = 0; window.close(); } setTimeout('StartTest()', 1000); } -->
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
