智能拼图游戏_html-js-css

概述智能拼图游戏

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<HTML><head><Title>智能拼图</Title><style>body{	text-align:center;}table{	margin:100 auto;}div{	wIDth:94px;	height:94px;	text-align:center;	Font-size:48;	background-color:red;	padding-top:20;	display : none ;}</style><script>    function starGame(){        document.getElementByID("but").style.display="none";        init();        for(var i=1;i<9;i++){            document.getElementByID(i).style.display="block";        }        document.getElementByID("but2").style.display="block";     }	function changedis(dID){		if(Math.abs(dID-mubiao)==1||Math.abs(dID-mubiao)==3){			var yuandiv=document.getElementByID(dID);			var mubiaodiv=document.getElementByID(mubiao);			mubiaodiv.INNERHTML=yuandiv.INNERHTML;			yuandiv.INNERHTML="0";			mubiaodiv.style.display="block";			yuandiv.style.display="none";			mubiao=dID;			count++;			if(isSuss()){                endTime=new Date();                time= (endTime.getTime()-beginTime.getTime())/1000;                window.alert("Greet!\n时间:"+time+"秒，次数："+count+"\n重新开始！");                init();            }		}	}	function isSuss()    {        for(var i=1;i<9;i++){            if(document.getElementByID(i).INNERHTML!=i){                return false;            }        }        return true;    }    function init()    {        do{            var num = [1,2,3,4,5,6,7,8];            for(var i=8;i>0;i--){                var innum=Math.floor(Math.random()*i)+1;                document.getElementByID(i).INNERHTML=num[innum-1];                num.splice(innum-1,1);            }        }while(isSuss());        mubiao=9;        count=0;        beginTime=new Date();    }    function reStart()    {        init();        for(var i=1;i<9;i++){            document.getElementByID(i).style.display="block";        }        with(document.getElementByID(9)){            style.display="none";            INNERHTML="0";        }    }</script></head><body><h1>欢迎玩智能拼图游戏</h1><button ID="but" onclick="starGame()">开始游戏</button><table><tr>	<td><div ID="1" onclick="changedis(1)">1</div></td>	<td><div ID="2" onclick="changedis(2)">2</div></td>	<td><div ID="3" onclick="changedis(3)">3</div></td><tr><tr>	<td><div ID="4" onclick="changedis(4)">4</div></td>	<td><div ID="5" onclick="changedis(5)">5</div></td>	<td><div ID="6" onclick="changedis(6)">6</div></td><tr><tr>	<td><div ID="7" onclick="changedis(7)">7</div></td>	<td><div ID="8" onclick="changedis(8)">8</div></td>	<td><div ID="9" onclick="changedis(9)">0</div></td><tr></table><button ID="but2"  onclick="reStart()">重新开始</button></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的智能拼图游戏全部内容，希望文章能够帮你解决智能拼图游戏所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1092246.html