郑华国 https://wapjbk.39.net/yiyuanzaixian/bjzkbdfyy/nxbdf/实现《羊了个羊-动物版》的小游戏这两天火爆全场的《羊了个羊》游戏，相信大家都玩过了，那么在玩这个游戏的同时，我想大家都会好奇这个游戏的实现，本文就带大家使用css,html,js来实现一个动物版的游戏。首先我用到了2个插件，第一个插件就是flexible.js,这个插件就是对不同设备设置根元素字体大小，也就是一个移动端的适配方案。因为这里使用了rem布局，针对移动端做了自适应，所以这里选择采用rem布局方案。还有一个弹框插件，我很早自行实现的，就是popbox.js,关于这个插件，本文不打算讲解实现原理，只讲解一下使用原理:ewConfirm({title:温馨提示,//弹框标题content:游戏结束，别灰心，你能行的！,//弹框内容sureText:重新开始,//确认按钮文本isClickModal:false,//点击遮罩层是否关闭弹框sure(context){context.close();//点击确认按钮执行的逻辑},//点击确认的事件回调})引入了这个js之后，会在window对象上绑定一个ewConfirm方法，这个方法传入一个自定义对象，对象的属性有title,content,sureText,cancelText,cancel,sure,isClickModal这几个属性，当然这里没有用到cancel按钮，所以不细讲。正如注释所说，每个属性代表的意思，这里不做赘述。然后html代码是这样的:!DOCTYPEhtmlhtmllang=enheadmetacharset=UTF-8meta
转载请注明：http://www.aierlanlan.com/rzdk/6585.html
