<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>記憶力遊戲</title> </head> <body> <mce:script language="javascript" type="text/javascript"><!-- var map=new Array(1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18); var usermap=new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0); var clicknum=0; //單擊圖片的次數 var clickarray=new Array(); //記錄兩次單擊圖片時圖片的位置編號 var finishnum=0; function confuse() //將圖片位置打亂 { for(i=0;i<36;i++) { random1=Math.floor(Math.random()*36); random2=Math.floor(Math.random()*36); temp=map[random1]; map[random1]=map[random2]; map[random2]=temp; } } function showImage(no) //顯示圖片 { //alert(no); str='img'+no; //alert(str); //imgname=document.getElementsByName(str); imgname=document.getElementById(str); //alert(typeof(imgname)); //alert('image'+map[no]+'.gif'); imgname.src='image'+map[no]+'.gif'; } function hideImage(no) //隱藏圖片 { if(usermap[no]==0) //如果是未被找出來的 { str='img'+no; imgname=document.getElementById(str) imgname.src='image0.gif'; } } function pass() //通過遊戲 { for(key in usermap) //自動顯示最後一塊未被翻開的圖片 if(usermap[key]==0) showImage(key); r=document.getElementById("record"); //將記錄寫在表單上 r.value=clicknum; formob=document.getElementById("form1"); //提交表單 formob.submit(); //window.open(); ReStart=window.confirm("恭喜你通關!是否重來?"); if(ReStart) window.location.reload(); } function updataRecord() //更新點擊計數器 { numrecord.childNodes[0].nodeValue=clicknum; } function clickimg(no) //單擊圖片時,處理 { clicknum=clicknum+1; //單擊次數加一 updataRecord(); if(clicknum%2==1) { if(map[clickarray[0]]==map[clickarray[1]]&&clickarray[0]!=clickarray[1]) { finishnum++; //alert(finishnum); usermap[clickarray[0]]=1; usermap[clickarray[1]]=1; if(finishnum==17) //遊戲勝利 pass(); } else { hideImage(clickarray[0]); hideImage(clickarray[1]); } showImage(no); clickarray[0]=no; } if(clicknum%2==0) { showImage(no); clickarray[1]=no; } } document.write('<Table align="center">'); document.write('<tr><td colspan=6>點擊次數:<span id="numrecord">0</span></td></tr>'); for(i=0;i<6;i++) { document.write("<tr>"); for(j=0;j<6;j++) { document.write('<td align="center">'); document.write('<a href="javascript:clickimg('+(6*i+j)+')" mce_href="javascript:clickimg('+(6*i+j)+')" onClick="document.f.b.focus()">'); document.write('<img src="image0.gif" mce_src="image0.gif" id="img'+(6*i+j)+'">'); document.write('</a></td>') } document.write('</tr>'); } //alert(map.toString()); //confuse(); //alert(map.toString()); // --></mce:script> <form name="form1" id="form1" action="saverecord.php" method="post"> <input type="text" id="record"> </form> </body> </html>
好玩的記憶遊戲!考驗你的記憶力!
請將代碼和圖片放在同一個文件夾裏!
本文分享自華爲雲社區《Java Chassis 3技術解密:接口維度負載均衡》,作者: liubao68。 在Java Chassis 3技術解密:負載均衡選擇器中解密了Java Chassis 3負載均衡在解決性能方面提供的算法。這次解密
本教程將指導您如何生成一個可運行的Google Web Toolkit (GWT) 2.1和Spring應用程序,該應用程序爲域模型實現了CRUD應用程序模式。在本教程中,您將學習如何: 安裝Google Eclipse插件 爲GWT配置
前端面試題 - Node JS與V8是什麼關係? V8 引擎是 Node.js 的核心組成部分,負責執行 JavaScript 代碼, 而 Node.js 爲 V8 提供了一個運行環境和API,使其能夠在服務器端運行。 通俗易懂的前端面試題
前端面試題 - V8是什麼? V8 是一個JavaScript引擎,能將JavaScript代碼直接編譯成本地平臺的機器碼並執行。 通俗易懂的前端面試題網站: https://www.front-interview.com
Codejock軟件公司的Xtreme Toolkit Pro是屢獲殊榮的VC界面庫,是MFC開發中最全面界面控件套包,它提供了Windows開發所需要的11種主流的Visual C++ MFC控件,包括Command Bars、Contr
一般情況下公司爲了某個團隊或者公司內部共享數據等用途來更改網站的樣式,打造獨特的品牌樣式,很多研發工程師給定的解決方案是爲他們的站點構建自定義主頁,雖然SharePoint Designer是一個強大的工具,但這裏我不推薦使用ShareP
上次鹹魚對關於 MD5 hash 的JS加密方法做了總結,這次把鹹魚遇到的 MD5 hash 的案例做了彙總,這個彙總系列會持續更新,攢到一定數量的網站就發一次。 關於 MD5 HASH 的處理可以參考下面這篇文章: Python爬蟲進
零、序言 vue 用多了,自然離不開生命週期。最近突發奇想,加上之前看過的文章中關於 script 標籤中的 async 和 defer 的搗糨糊,決定整理一下,攻克這個模糊點。 當然,最多的還是與 script 標籤相關的前兩個
[js] 寫一個格式化時間的方法 function dateToString(date, format = 'yyyy-MM-dd') { const d = new Date(date); let result = format
cheerp 通用計算模塊(ccm1) 是基於cheerp 編譯器發射出平臺格式無關的wasm中間代碼,在不同宿主之內運行的一種模塊化方式。 0x1. 不同宿主的相同代碼實現 ccm1 的一般宿主是c++實現,不同平臺編譯引用就可以,目
5 月 9 日阿里雲 AI 峯會,阿里雲智能集團首席技術官周靖人宣佈,通義靈碼企業版正式發佈,滿足企業用戶的定製化需求,幫助企業提升研發效率。 通義靈碼是國內用戶規模第一的智能編碼助手,基於 SOTA 水準的通義千問代碼模型 Code-Qw
1、下載: https://www.docker.com/products/docker-desktop/ 如果電腦分多個盤,建議下載到可用存儲較大的盤,安裝的時候默認安裝到 C 盤,安裝完成後雙擊啓動 如果出現【Docker
OpenAI 發佈 ChatGPT-4o,意味着人機交互進入新的時代。Chat-GPT4o 是一個跨文本、視覺和音頻端到端訓練的新模型,所有輸入和輸出都由同一個神經網絡處理。這也在告訴所有人,GenAI 連接非結構化數據,非結構化數據之間跨
CSDN應該是大家接觸到最多的博客平臺了,所以一款能夠發佈到CSDN的自動化工具還是非常有必要的。 今天給大家講講自動化CSDN博客發佈的思路和一些問題的解決辦法。 解決問題的思路一定是最重要的,知識是死的,問題是活的,如何在工作中解決遇
在某些生產環境下,我們僅需要一個原生的 K8s 集羣,無需部署 KubeSphere 這樣的圖形化管理控制檯。在我們已有的技術棧裏,已經習慣了利用 KubeKey 部署 KubeSphere 和 K8s 集羣。今天,我將爲大家實戰演示如何在