-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathjQ_chess2.html
79 lines (58 loc) · 2.81 KB
/
jQ_chess2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>*** unnamed text ***</title></head><body>
<style>
table.CHESS
{
border-collapse: collapse;
}
/* любая клетка доски */
table.CHESS td
{
width: 50px;
height: 50px;
border: solid gray 1px;
text-align: center;
vertical-align: middle;
}
/* чёрная клетка доски */
table.CHESS td.BLACK
{
background-color: black;
}
/* клетка вертикального ободка */
table.CHESS td.VERT
{
background-color: lightgreen;
width: 20px;
}
/* клетка горизонтального ободка */
table.CHESS td.HORZ
{
background-color: lightgreen;
height: 20px;
}
</style>
<div id='IChess'></div>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script>
var TableCell=$('<td></td>');
var TableRow=$('<tr></tr>');
var Table=$('<table></table>');
// 1. Внутри имеющегося тега div скомпоновать шахматную доску, в точности такую как в jQ_chess.html.
// Новых html-элементов не создавать, использовать только уже созданные TableCell, TableRow, Table, клонируя их по мере необходимости.
// ... ЗДЕСЬ ВАШ КОД ...
// 2. Одним вызовом jQuery расставить:
// клеткам, которые должны быть чёрными - класс BLACK
// левой и правой колонке клеток - класс VERT
// верхней и нижней строке клеток - класс HORZ
// ... ЗДЕСЬ ВАШ КОД ...
// 3. В клетки ободка расставить подписи - по горизонтали слева направо от a до h, по вертикали снизу вверх от 1 до 8.
// Расстановка подписей на каждой грани должна производиться одним вызовом функции text либо html,
// а не одним вызовом для каждой клеточки отдельно; т.е. должно быть сформировано 4 набора и 4 раза вызвана функция text/html.
// ... ЗДЕСЬ ВАШ КОД ...
// 4. Все внесённые подписи и все чёрные клетки сделать прозрачными. Зелёный фон у ободков должен остаться.
// ... ЗДЕСЬ ВАШ КОД ...
// 5. Медленно (за 2 сек) проявить чёрные клетки, затем медленно (за 2 сек) проявить подписи.
// ... ЗДЕСЬ ВАШ КОД ...
</script>
</body></html>