当前位置:Gxlcms > JavaScript > Jquery数独游戏解析(一)-页面布局_jquery

Jquery数独游戏解析(一)-页面布局_jquery

时间:2021-07-01 10:21:17 帮助过:19人阅读

另外最近时间允许的情况下会移植到html5,暂定名称为H5sukudo主要目的也是练手。

body的代码如下,页面主体使用main层来控制尺寸,main中包含两个层:canvas和tools,分别用来承载数独表格和辅助信息。tools层中嵌套了logo,level,lefts,timer,leftsg,btns,err共七个层,分别用来承载LOGO、游戏难度、剩余空格数、已用时间、剩余空格数明细、按钮和错误提示信息。tools层中的样式写在default.css样式文件中。canvas层、level层、lefts层、timer层、leftsg层、err层的内容由jquery控制动态生成,后续会有解释。
代码如下:









Level:




Timer:



















GameIntroduce
AboutSoftware








人气教程排行