国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Jquery數獨游戲解析(一)-頁面布局

2019-11-21 00:09:20
字體:
來源:轉載
供稿:網友
另外最近時間允許的情況下會移植到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控制動態生成,后續會有解釋。
復制代碼 代碼如下:

<body onselectstart="return false" oncopy="return false" oncut="return false">
<center>
<div id="main" style="width: 720px; height: 550px;">
<div id="canvas" style='width: 540px; height: 540px; float: left'>
</div>
<div id="tools">
<div id="logo">
JSUKUDO
</div>
<div id="level">
Level:
</div>
<div id="lefts">
</div>
<div id="timer">
Timer:
</div>
<div id="leftsg">
</div>
<div id="btns">
<input type='button' value='Easy' onclick="$(g.canvas).gensukudo(2);$('#level').html('LEVEL:'+$(this).val());">
<br />
<input type='button' value='Medium' onclick="$(g.canvas).gensukudo(3);$('#level').html('LEVEL:'+$(this).val());">
<br />
<input type='button' value='Hard' onclick="$(g.canvas).gensukudo(4);$('#level').html('LEVEL:'+$(this).val());">
<br />
<input type='button' value='Restart' style="display: none;" onclick="$('#SukudoTable').fadeOut(500);$('.c').each(function(){if(this.num()!=0)$(this).setempty().check();});$('#SukudoTable').fadeIn(500);">
<br />
<br />
<b><a href="#" onclick="$(g.canvas).unblock().block({ message: gameintruce, css: {width:'480px', border: '3px solid #a00' } });">
GameIntroduce</a> <a href="#" onclick="$(g.canvas).unblock().block({ message: aboutgame, css: {width:'400px', border: '3px solid #a00' } });">
AboutSoftware</a> </b>
</div>
<div id="err">
</div>
</div>
</center>
</body>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 普陀区| 佛坪县| 福泉市| 高碑店市| 江永县| 兰考县| 商河县| 阳山县| 五家渠市| 兴宁市| 吴江市| 荔浦县| 尚义县| 固安县| 江永县| 迁安市| 巩义市| 永和县| 枣庄市| 岫岩| 泰安市| 石台县| 白朗县| 五寨县| 鄂伦春自治旗| 常山县| 射洪县| 左贡县| 和政县| 涞源县| 阜宁县| 汉沽区| 宁夏| 武陟县| 准格尔旗| 大足县| 临洮县| 静宁县| 昭通市| 西贡区| 遵化市|