•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

사용자:flyant(비교)

r1413 vs r1414
11
22
{{{#!style
33
.mine-safe {width:30px;height:30px;background:no-repeat linear-gradient(#fff, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold}
4
.mine-num {vertical-align:middle;display:inline-block;background:#fff}
5
.mineb-over {width:30px;height:30px;background:no-repeat linear-gradient(#fff, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold}
6
.mine-red {vertical-align:middle;display:inline-block;background:#f00}
4
.mine-num {width:30px;height:30px;vertical-align:middle;display:inline-block;background:#fff}
5
.mineb-over {width:30px;height:30px;background:no-repeat linear-gradient(#f00, #fff)50% 50%/75% 75%, conic-gradient(from 45deg, #bbb 90deg, #999 0, #888 180deg, #ddd 0, #ddd 270deg, #fff 0);color:#000;font-weight:bold}
6
.mine-red {width:30px;height:30px;vertical-align:middle;display:inline-block;background:#f00;color:#000;font-weight:bold}
77
.mine-hide {display:none}
8
.mine-trans {width:30px;height:30px;vertical-align:middle;display:inline-block;background:transparent}
89
}}}
9
{{{#!if index = -1, mine = [0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
10
{{{#!if index = -1, mine = [1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
1011
}}}
1112
1213
||<nopad> {{{#!if ++index, cell = 0
......
3031
}}}}}}{{{#!wiki class="mineb@index@ mine-safe" onclick="add-class,mineb@index@,mine-num;remove-class,mineh@index@,mine-hide"
3132
{{{#!wiki class="mineh@index@ mine-hide"
3233
@cell@}}}}}}}}}{{{#!if mine[index] == 1
33
{{{#!wiki class="mineb-over" onclick="add-class,mineb-over,mine-red;remove-class,mineh-over,mine-hide"
34
{{{#!wiki class="mineh-over mine-hide"
35
●}}}}}}}}} ||
34
{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
35
{{{#!wiki class="mine mineb-over"
36
{{{#!wiki class="mineh mine-hide"
37
●}}}}}}}}}}}} ||
38
39
1. 클릭
40
2. 자신을 제외한 다른 클래스에 일반 스타일을 주는 클래스를 준다
41
add 클래스로 자신에게는 index가 부여된 클래스를 다른 클래스는 일반 스타일의 클래스를 전역으로 보낸다
42
43
44
||<nopad> {{{#!if index = 0
45
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
46
{{{#!wiki class="mine mineb-over"
47
{{{#!wiki class="mineh mine-hide"
48
●}}}}}}}}}||<nopad> {{{#!if index = 1
49
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
50
{{{#!wiki class="mine mineb-over"
51
{{{#!wiki class="mineh mine-hide"
52
●}}}}}}}}}||<nopad> {{{#!if index = 2
53
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
54
{{{#!wiki class="mine mineb-over"
55
{{{#!wiki class="mineh mine-hide"
56
●}}}}}}}}}||<nopad> {{{#!if index = 3
57
}}}{{{#!wiki class="miner@index@ mine-num" onclick="add-class,mine,mine-trans;add-class,miner@index@,mine-red;remove-class,mineh,mine-hide"
58
{{{#!wiki class="mine mineb-over"
59
{{{#!wiki class="mineh mine-hide"
60
●}}}}}}}}}||
3661
3762
3863
......