函数newgame(){ 移动=0; document.getElementById(“moves”).innerHTML=“moves:”+moves; 对于(var i=0;i<25;i++){ if(数学随机数()>=0.5){ $(document.getElementsByClassName('block')[i]).toggleClass(“b1-b2”) } } } 新游戏(); 功能切换(a,b){ 移动+=1; document.getElementById(“移动”).innerHTML=“移动:”+移动; $(document.getElementsByClassName('block')[a+(b*5)]).toggleClass(“b1-b2”); if(a<4){$(document.getElementsByClassName('block')[(a+1)+(b*5)]).toggleClass(“b1-b2”)} 如果(a>0){$(document.getElementsByClassName('block')[(a-1)+(b*5)]).thoggleClass(“b1 b2”)} if(b<4){$(document.getElementsByClassName('block')[a+((b+1)*5)]).toggleClass(“b1-b2”)} 如果(b>0){$(document.getElementsByClassName('block')[a+((b-1)*5)]).toggleClass(“b1-b2”)} }
车身{ 背景色:#000000; } .游戏{ 浮动:左; 背景色:#000000; 宽度:300px; 高度:300px; 溢出:隐藏; 溢出-x:隐藏; user-select:无; 显示:嵌入式块; } .容器{ border-color:#ffffff; 边宽:5px; 边框样式:实心; 边距:5px; 宽度:600px; 高度:300px; 文本对齐:居中; } .侧面{ 浮动:左; 背景颜色:#000000; 宽度:300px; 高度:300px; 溢出:隐藏; 溢出-x:隐藏; user-select:无; 显示:嵌入式块; } .块{ 过渡:背景色0.2s; 浮动:左; } .b1:悬停{ 背景色:#444444; 光标:指针; } .b2:悬停{ 背景色:#bbbbbb; 光标:指针; } .行{ 宽度:300px; 溢出:自动; 溢出-x:隐藏; } b1号{ 显示:嵌入式块; 高度:50px; 宽度:50px; 背景色:#000000; border-color:#000000; 边宽:5px; 边框样式:实心; } .b2型{ 显示:嵌入式块; 高度:50px; 宽度:50px; 背景色:#ffffff; border-color:#000000; 边宽:5px; 边框样式:实心; } .title(标题){ 宽度:200px; 高度:50px; 颜色:#ffffff; 字体大小:55px; font-weight:粗体; font-family:宋体; 显示:table-cell; 垂直对齐:中间; } .按钮{ 光标:指针; 宽度:200px; 高度:50px; 背景色:#000000; 边框颜色:#ffffff; 边框样式:实心; 边宽:5px; 颜色:#ffffff; 字体大小:25px; font-weight:粗体; font-family:宋体; 显示:table-cell; 垂直对齐:中间; 边距:5px; 过渡:背景颜色0.3s,颜色0.3s; } .按钮:悬停{ 背景色:#ffffff; 颜色:#000000; } .侧置{ 填充:30px 0px; 高度:200px; } #移动{ 宽度:200px; 高度:50px; 颜色:#aaaaaa; 字体大小:30px; font-weight:粗体; font-family:宋体; 显示:table-cell; 垂直对齐:中间; }
<script src=“ https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js “></script> <中心> <div class=“container”> <div class=“game”><div class=“row”><div onclick=“toggle(0,0);”class=“block b1”></div><div onclick=“tockle(1,0);“class=“block-b1”></div><div onlick=“tookle(2,0);/div></div><div class=“row”><div onclick=“切换(0,1);” class=“block b1”></div><div onclick=“toggle(1,1);”class=“block-b1”></div><div onlick=“tockle(2,1);class=“block b1”></div><div onclick=“切换(1,2);”class=“块b1” ></div><div onclick=“切换(2,2);”class=“块b1”></div><div on click=”切换(3,2);“class=”块b1“></div><div onclick=“切换(2,3);”class=“块b1” ></div><div onclick=“toggle(3,3);”class=“block b1”></div><div on click=”toggle</div><div onclick=“切换(3,4);”class=“块b1” ></div><div onclick=“切换(4,4);”class=“块b1”></div> <div class=“side”> <center class=“sidestable”> 瓷砖 <br> 新游戏 <br><br> 移动次数:0 </中心> </div> </div> </中心>