C语言开发数字华容道实现,jQuery实现数字华容道小游戏(实例代码)
数字华容道
*{
padding: 0px;
margin: 0px;
}
#btns>button{
width: 100px;
height: 30px;
border: none;
background:#0082df;
color:white;
}
#content{
text-align: center;
margin: 0 auto;
}
#grid{
border: 1px solid #0082df;
width: 300px;
margin: 20px auto;
height: 300px;
}
#grid>div{
float: left;
width: 33%;
background: gray;
height: 33%;
margin-bottom:1px;
margin-right :1px;
}
.num{
background:#0082df;
width: 99%;
height: 99%;
color:white;
font-size: 30px;
font-weight: bold;
line-height:99px;
}
步数0
重新版开始
var arr = [];
var count=0;
$('button').click(function(){
count=0;
$('#count').html(count);
arr=[];
load();
});
function load(){
for(var i=0;arr.length<8;i++){
var num = Math.ceil(Math.random()*8)
if(arr.indexOf(num)==-1){
arr.push(num)
}
}
arr.push("");
rander();
}
load();
function rander(){
var html="";
for(var i=0;i
if(arr[i]==""){
html+="
}else{
html+="
";
}
}
$('#grid').html(html);
}
function toMove(obj){
var value=Number($(obj).text());
var index=arr.indexOf(value);
if(arr[index+3]==""){
arr[index]=arr[index+3];
arr[index+3]=value;
count++;
rander();
}
if(arr[index-3]==""){
arr[index]=arr[index-3];
arr[index-3]=value;
count++;
rander();
}
if(arr[index+1]==""){
arr[index]=arr[index+1];
arr[index+1]=value;
count++;
rander();
}
if(arr[index-1]==""){
arr[index]=arr[index-1];
arr[index-1]=value;
count++;
rander();
}
$('#count').html(count);
if(endGame()){
alert("成功");
}
};
function endGame(){
arr[arr.indexOf("")]=9;
for(var i=0;i
if(arr[arr.length-1]==9){
if(arr[i]>arr[i+1]){
arr[arr.indexOf(9)]="";
return false;
}
}else{
arr[arr.indexOf(9)]="";
return false;
}
}
arr[arr.indexOf(9)]="";
return true;
}
总结
以上所述是小编给大家简介的jQuery实现数字华容道小游戏,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对乐购源代码网址的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
C语言开发数字华容道实现,jQuery实现数字华容道小游戏(实例代码)相关推荐
- 数字华容道java的代码_jQuery实现数字华容道小游戏(实例代码)
数字华容道 *{ padding: 0px; margin: 0px; } #btns>button{ width: 100px; height: 30px; border: none; bac ...
- Python数字华容道--程序实现的创意数学小游戏
下载链接:Python数字华容道--程序实现的创意数学小游戏-Python文档类资源-CSDN下载 当前的数学教育环境下,更强调的是数学素养的提升,本程序提供了一个免费的数学益智小游戏的学习和训练平台 ...
- 基于C语言Ncurse库和链表的简单贪吃蛇小游戏
参考:基于C语言Ncurse库和链表的简单贪吃蛇小游戏 作者:三速何时sub20 发布时间:2020-09-29 10:23:51 网址:https://blog.csdn.net/weixin_44 ...
- java 三级菜单栏的添加_[Java教程]jquery实现的三级导航菜单实例代码
[Java教程]jquery实现的三级导航菜单实例代码 0 2016-01-02 15:00:02 jquery实现的三级导航菜单实例代码: 使用最多的可能是二级导航菜单,所以网上的代码一大堆,三级菜 ...
- java代码实现打气球游戏_javascript+css3开发打气球小游戏完整代码
效果知识点: css3画气球, 自定义属性运用,随机阵列, DOM元素操作,高级回调函数与参数复传,动态布局,鼠标事件,定时器运用,CSS3新增样式等. css代码如下: {margin:0;padd ...
- jQuery实现Windows扑克牌小游戏代码
下载地址jQuery实现Windows扑克牌小游戏代码,使用jQuery基于CSS3制作的WINDOWS7系统电脑自动的蜘蛛纸牌游戏. dd:
- 使用jquery—Canvas实现html5小游戏——《坦克大战》
目录 1.项目背景 2.项目展示 3.设计思路 3.1.坦克移动 3.2.坦克开火 3.3.击中坦克 4.实现代码 5.总结 1.项目背景 2021年春节期间在家无聊,正好又学过一些前端的知识,因此就 ...
- 【Cocos Creator游戏开发教程】仿微信趣味画赛车小游戏(三)代码实现
[Cocos Creator游戏开发教程]仿微信趣味画赛车小游戏(一)前言,界面UI [Cocos Creator游戏开发教程]仿微信趣味画赛车小游戏(二)物理刚体关节 项目地址已放到 github ...
- jQuery实现一个农场小游戏
jQuery实现一个农场小游戏 效果图: 样式代码: <style>*{margin: 0;}.iBg{/*背景*/width:1000px;height: 100%;position:a ...
最新文章
- python 类方法装饰器_python类装饰器即__call__方法
- SQL15 查看学校名称中含北京的用户(通配符使用)
- JavaFX仿windows文件管理器目录树
- 七、MySQL DDL数据定义语言 学习笔记(库和表的创建、修改、删除详解 + 强化复习)
- 1年薪水=3盒药?一位癌症晚期病人告诉你:别乱买保险
- 有三个数a,b,c,要求按大小顺序输出。
- 客座编辑:黎建辉(1973-),男,博士,中国科学院计算机网络信息中心研究员、博士生导师...
- 156 - Ananagrams
- [JavaScript] js获取Html元素的实际宽度高度
- OpenGL: 渲染管线理论
- win7 ie9总是跳转到官方主页的解决方法
- 陈强教授《机器学习及R应用》课程 第十五章作业
- 开机出现invalid boot.ini filebooting from c:\windows\ntdetect failed 修复方法
- 华科_图形学笔记_09_奇妙的真实感_片元着色01_01
- 关于vc 2008 runtime
- Proxmox kvm关机失败
- 什么从什么写短句_什么是什么,能什么写句子补充完整
- openwrt mwan3配置
- 耶鲁大学公开课:博弈论第九节(笔记)
- 手机连接不上IIS网站(站点)
热门文章
- html字体相关知识
- AC100安装linux,Toshiba AC100 Ubuntu安装Flash Player
- 制作一个简单的FLV播放器 【转】
- 1076:正常血压(C C++)
- Qt实用技巧:QLineEdit限制只能输入Ip地址,且一直显示ip地址分段的“.”
- 演示淘宝API调用接口
- 修改CentOS7系统时间EDT为CST【一篇就够】
- nodejs require模块找不到的两种解决办法
- 面试官之问:知道你的接口“QPS”是多少吗?
- 最新计算机专业毕业设计选题 - 选题推荐