找回密码
 立即注册

QQ登录

只需一步,快速开始

Joe.xu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2022-7-28 12:08  /   查看:1879  /  回复:1
本帖最后由 David.Zhong 于 2022-8-31 23:40 编辑

五子棋游戏大家都不陌生吧,真可谓是包罗万象方寸里,弹指千军空格间
image.png852714538.png





那活字格中能不能实现五子棋游戏呢?
哈哈,记住,不要问活字格能不能,直接问怎么做。因为活字格无所不能

第一步:找到Jquery官网点击进入),下载已有的资源包


jquery有些写好的代码,我们直接拿来用就可以了
image.png491283568.png

第二步:在活字格中添加下载的资源包中的JS/Css文件


image.png473337401.png

第三步:修改资源包

修改index.html资源的引入路径
image.png164838561.png

修改script.js,加一个if判断,确保能获取到dom节点
image.png936463317.png


第四步:把下载包中的index.html拷贝至资源文件夹中

image.png761805419.png


第五步:使用嵌入html插件,嵌入index.html

image.png667331237.png

运行效果:
五子棋.gif


demo供参考:
五子棋.fgcc (10.25 MB, 下载次数: 305)

1 个回复

倒序浏览
Brian.Zhang
版主   /  发表于:2022-9-6 11:30:45
沙发
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部