本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。 [署名 4.0 国际 (CC BY 4.0)](https://creativecommons.org/licenses/by/4.0/deed.zh) 本文作者: 苏洋 创建时间: 2012年06月11日 统计字数: 779字 阅读时间: 2分钟阅读 本文链接: https://soulteary.com/2012/06/11/marquee-matrix.html ----- # marquee实现黑客帝国矩阵效果 逛旧帖子，发现“高人”用marquee实现的一个效果,蛮巧妙的.. ```html marquee matrix
1
A
B
C
D
2
3
4
5
G
H
I
J
K
L
M
N
6
7
8
9
0 		1
G
H
I
J
K
L
M
N
2
3
A
B
C
D
4
5
6
7
8
9
0 		1
2
3
4
5
6
G
H
I
J
K
L
M
N
7
8
9
0 		1
2
G
H
I
J
K
L
M
N
3
4
5
6
7
8
9
0 		1
2
3
4
5
6
7
A
B
C
D
G
H
I
J
K
L
M
N
8
9
0 		1
2
3
4
5
6
G
H
I
J
K
L
M
N
7
8
9
0 		1
A
B
C
D
2
3
4
5
6
7
8
G
H
I
J
K
L
M
N
9
0 		1
2
3
4
5
6
7
G
H
I
J
K
L
M
N
8
9
0 		1
2
3
4
5
6
A
B
C
D
7
8
G
H
I
J
K
L
M
N
9
0 		1
H
I
J
K
L
M
N
1
2
3
4
5
6
7
8
9
0 		1
2
3
A
B
C
D
4
5
6
7
G
H
I
J
K
L
M
N
8
9
0 		1
2
G
H
I
J
K
L
M
N
3
4
5
6
7
8
9
0 		1
2
3
4
5
6
7
8
9
G
H
I
J
K
L
M
N
0 		1
G
H
I
J
K
L
M
N
2
3
4
5
6
7
8
9
0 		G
H
I
J
K
L
M
N
1
2
3
4
5
6
7
8
9
0 		1
2
3
4
5
6
7
8
G
H
I
J
K
L
M
N
9
0 		A
B
C
D
E
F
1
2
3
4
5
6
7
G
H
I
J
K
L
M
N
8
9
0
marquee matrix
1
A
B
C
D
2
3
4
5
G
H
I
J
K
L
M
N
6
7
8
9
0 		1
G
H
I
J
K
L
M
N
2
3
A
B
C
D
4
5
6
7
8
9
0 		1
2
3
4
5
6
G
H
I
J
K
L
M
N
7
8
9
0 		1
2
G
H
I
J
K
L
M
N
3
4
5
6
7
8
9
0 		1
2
3
4
5
6
7
A
B
C
D
G
H
I
J
K
L
M
N
8
9
0 		1
2
3
4
5
6
G
H
I
J
K
L
M
N
7
8
9
0 		1
A
B
C
D
2
3
4
5
6
7
8
G
H
I
J
K
L
M
N
9
0 		1
2
3
4
5
6
7
G
H
I
J
K
L
M
N
8
9
0 		1
2
3
4
5
6
A
B
C
D
7
8
G
H
I
J
K
L
M
N
9
0 		1
H
I
J
K
L
M
N
1
2
3
4
5
6
7
8
9
0 		1
2
3
A
B
C
D
4
5
6
7
G
H
I
J
K
L
M
N
8
9
0 		1
2
G
H
I
J
K
L
M
N
3
4
5
6
7
8
9
0 		1
2
3
4
5
6
7
8
9
G
H
I
J
K
L
M
N
0 		1
G
H
I
J
K
L
M
N
2
3
4
5
6
7
8
9
0 		G
H
I
J
K
L
M
N
1
2
3
4
5
6
7
8
9
0 		1
2
3
4
5
6
7
8
G
H
I
J
K
L
M
N
9
0 		A
B
C
D
E
F
1
2
3
4
5
6
7
G
H
I
J
K
L
M
N
8
9
0
```