& lt; !DOCTYPE html>
& lt; html>
& lt; head> & lt;元charset=皍tf - 8”比;
& lt; title>数字华容道& lt;/title>
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery.min.js "祝辞& lt;/script>
& lt;风格类型=" text/css "比;
* {
填充:0 px;
保证金:0 px;
}
# btns>按钮{
宽度:100 px;
高度:30 px;
边界:没有;
背景:# 0082 df;
颜色:白色;
}
#内容{
text-align:中心;
保证金:0汽车;
}
#{网格
边界:1 px固体# 0082 df;
宽度:300 px;
保证金:20 px汽车;
身高:300 px;
}
# grid> div {
浮:左;
宽度:33%;
背景:灰色;
高度:33%;
margin-bottom: 1 px;
margin-right: 1 px;
}
.num {
背景:# 0082 df;
宽度:99%;
高度:99%;
颜色:白色;
字体大小:30 px;
粗细:大胆的;
行高:99 px;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=澳谌荨痹?
& lt; h2>步数& lt;跨度id=凹剖痹? & lt;/span> & lt;/h2>
& lt; div id=巴瘛北?
& lt;/div>
& lt; div id=癰tn”比;
& lt; button>重新开始& lt;/button>
& lt;/div>
& lt;/div>
& lt;脚本type=" text/javascript祝辞
var arr=[];
var计算=0;
$('按钮').click(函数(){
数=0;
$(" #计数”). html(数);
arr=[];
load ();
});
函数load () {
我(var=0; arr.length<8;我+ +){
var num=Math.ceil (math . random () * 8)
如果(arr.indexOf (num)==1) {
arr.push (num)
}
}
arr.push (" ");
的作用);
}
load ();
函数的作用(){
var html=" ";
我(var=0; i< arr.length;我+ +){
如果(arr[我]==" "){
html +=" & lt; div> & lt;/div>”;
其他}{
html +=" & lt; div> & lt; divοnclick=巴贫?这)”class=皀um”在“+ arr[我]+“& lt;/div> & lt;/div>”;
}
}
$(" #网格”). html (html);
}
函数驱策(obj) {
var值=https://www.yisu.com/zixun/Number ($ (obj)。text ());
var指数=arr.indexOf(价值);
如果(arr指数+ 3==" "){
arr(指数)=arr[指数+ 3];
arr[指数+ 3]=价值;
数+ +;
的作用);
}
如果(arr [index-3]==" ") {
arr(指数)=arr [index-3];
arr [index-3]=价值;
数+ +;
的作用);
}
如果(arr(指数+ 1)==" "){
arr(指数)=arr(指数+ 1);
arr(指数+ 1)=价值;
数+ +;
的作用);
}
如果(arr[索引1]==" "){
arr(指数)=arr[索引1];
arr[索引1]=价值;
数+ +;
的作用);
}
$(" #计数”). html(数);
如果结局()){
alert("成功”);
}
};
函数最后阶段(){
加勒比海盗[arr.indexOf (" "))=9;
我(var=0; i< arr.length-2;我+ +){
如果(arr [arr.length-1]==9) {
如果(arr[我]祝辞arr (i + 1)) {
加勒比海盗[arr.indexOf (9)]=" ";
返回错误;
}
其他}{
加勒比海盗[arr.indexOf (9)]=" ";
返回错误;
}
}
加勒比海盗[arr.indexOf (9)]=" ";
返回true;
}
& lt;/script>
& lt;/body>
& lt;/html>
以上所述是小编给大家介绍的jQuery实现数字华容道小游戏,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
