<!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>
好玩的记忆游戏!考验你的记忆力!
请将代码和图片放在同一个文件夹里!
在當今數字化時代,社交媒體已成爲人們獲取信息、分享生活和進行商業推廣的重要平臺。隨着社交媒體內容的爆炸性增長,自動化抓取社交媒體上的媒體資源變得尤爲重要。本文將介紹如何使用Puppeteer這一強大的自動化工具來實現這一目標。 1. P
DHTMLX Diagram庫允許用幾行代碼構建JavaScript流程圖,通過自動佈局和實時編輯器,它可以更容易地將複雜數據可視化到一個整潔的層次結構中。 DHTMLX Diagram v6.0版本發佈,帶來了衆多令人興奮的新功能和改進,
引言 在當今數字化時代,網絡數據採集已成爲獲取信息的重要手段之一。Symfony Panther,作爲Symfony生態系統中的一個強大工具,爲開發者提供了一種簡單、高效的方式來模擬瀏覽器行爲,實現網絡數據的採集和自動化操作。本文將通過
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現代Web開發堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。從Ang
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合*使您可以利用現代Web開發堆棧*包括React*Angular*ASP.NET Core*jQuery*Knockout等*構建交互式的Web應用程序。從Ang
引言 隨着大數據時代的到來,網頁爬蟲作爲一種高效的數據收集工具,被廣泛應用於互聯網數據抓取和信息抽取。而知乎是一個知識分享平臺,擁有大量的用戶生成內容。通過爬蟲獲取知乎數據,企業和研究人員可以進行深入的數據分析和市場研究,瞭解用戶的需求
JetBrains IDEs日前正式發佈了v2024.1版本,此版本中最大的亮點就是帶來了AI賦能的全行代碼補全,同時在最新的IDEs中重做了終端、擁有更強大的代碼編輯和導航功能、更智能的代碼分析和提示、更優化的性能、更豐富的插件和集成等。
在當今的互聯網時代,數據的獲取和分析變得日益重要。無論是進行市場研究、用戶行爲分析還是產品開發,獲取大量數據都是不可或缺的一環。然而,很多有價值的信息都隱藏在動態加載的網頁中,這些網頁通過JavaScript動態生成內容,傳統的爬蟲技術
前言 隨着數字音樂的普及,越來越多的用戶選擇在線音樂平臺來享受音樂。網易雲音樂作爲國內領先的音樂服務平臺,不僅提供了豐富的音樂資源,還擁有獨特的社交屬性,吸引了大量的用戶。在衆多的音樂服務中,音頻鏈接的抓取技術成爲了一個重要的需求。無論
通義靈碼自從入職阿里雲以來備受行業關注。5 月 24 日,阿里雲工程師奔赴北京、成都、杭州三城,向企業和開發者介紹並演示通義靈碼,通義靈碼依然是大家話題的C位,並收穫了衆多粉絲。 @杭州 阿里雲金融創新峯會 今天,2024 阿里雲金融創新峯
DHTMLX Suite UI 組件庫允許您更快地構建跨平臺、跨瀏覽器 Web 和移動應用程序。它包括一組豐富的即用式 HTML5 組件,這些組件可以輕鬆組合到單個應用程序界面中。 DHTMLX Gantt是用於跨瀏覽器和跨平臺應用程序的功
本文整理自Zabbix中級認證專家李銘栓(滿分學員)在Zabbix Meetup廣州站的演講。 掌握這幾種監控方式解決80%的監控問題,剩下的20%如何實現?這裏有答案! 幾點經驗分享: 1
image { will-change: transform; //解決加載時瞬間拉伸問題 width: auto; //解決加載時瞬間拉伸問題 height: auto; //解決加載時瞬間