-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (131 loc) · 7.12 KB
/
index.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>数字美术馆</title>
<link href="https://fonts.googleapis.com/css?family=Oswald:700" rel="stylesheet"><link rel="stylesheet" href="style2.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="site-wrap">
<div class="panel-wrap animate--none">
<div class="panel" data-x-pos="0" data-y-pos="0">
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/images/九宫格_05.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--up js-up">up</span>
<span class="panel__nav panel__nav--right-top js-up js-right">up/right</span>
<span class="panel__nav panel__nav--left-top js-up js-left">up/left</span>
<span class="panel__nav panel__nav--left js-left">left</span>
<span class="panel__nav panel__nav--right js-right">right</span>
<span class="panel__nav panel__nav--right-down js-down js-right">down/right</span>
<span class="panel__nav panel__nav--left-down js-down js-left">down/left</span>
<span class="panel__nav panel__nav--down js-down">down</span>
<span class="panel__zoom js-zoom" id="zoomClick">View All</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="home/home.html">首页中心</a></span>
<!-- <span class="js-animation" data-animation="animate--shrink">个人中心</span>-->
</div>
</div>
<div class="panel" data-x-pos="0" data-y-pos="1"><span class="panel__nav panel__nav--left js-left">left</span>
<div id="Layer2" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/images/九宫格_02.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--right js-right">right</span>
<span class="panel__nav panel__nav--right-down js-down js-right">down/right</span>
<span class="panel__nav panel__nav--left-down js-down js-left">down/left</span>
<span class="panel__nav panel__nav--down js-down">down</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="video/video.html">艺术课程</span>
</div>
</div>
<!--news-->
<div class="panel" data-x-pos="-1" data-y-pos="1">
<div id="Layer3" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/images/九宫格_01.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--right-down js-down js-right">down/right</span>
<span class="panel__nav panel__nav--right js-right">right</span>
<span class="panel__nav panel__nav--down js-down">down</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="news/index.html">新闻资讯</span>
</div>
</div>
<div class="panel" data-x-pos="1" data-y-pos="1">
<div id="Layer4" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/九宫格5_03.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--left-down js-down js-left">down/left</span>
<span class="panel__nav panel__nav--left js-left">left</span>
<span class="panel__nav panel__nav--down js-down">down</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="story/index.html">画家故事</a></span>
</div>
</div>
<div class="panel" data-x-pos="-1" data-y-pos="0">
<div id="Layer5" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/images/九宫格_04.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--up js-up">up</span>
<span class="panel__nav panel__nav--right-top js-up js-right">up/right</span>
<span class="panel__nav panel__nav--right js-right">right</span>
<span class="panel__nav panel__nav--right-down js-down js-right">down/right</span>
<span class="panel__nav panel__nav--down js-down">down</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="theme/theme.html">精选主题</span>
</div>
</div>
<div class="panel" data-x-pos="-1" data-y-pos="-1">
<div id="Layer6" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/images/九宫格_07.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--up js-up">up</span>
<span class="panel__nav panel__nav--right-top js-up js-right">up/right</span>
<span class="panel__nav panel__nav--right js-right">right</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="game/index.html">交互游戏</a></span>
</div>
</div>
<div class="panel" data-x-pos="1" data-y-pos="-1">
<div id="Layer7" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/images/九宫格_09.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--up js-up">up</span>
<span class="panel__nav panel__nav--left-top js-up js-left">up/left</span>
<span class="panel__nav panel__nav--left js-left">left</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="book/index.html">艺术书籍</a></span>
</div>
</div>
<div class="panel" data-x-pos="1" data-y-pos="0">
<div id="Layer8" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/组11.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--up js-up">up</span>
<span class="panel__nav panel__nav--left-top js-up js-left">up/left</span>
<span class="panel__nav panel__nav--left js-left">left</span>
<span class="panel__nav panel__nav--left-down js-down js-left">down/left</span>
<span class="panel__nav panel__nav--down js-down">down</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="personal1/index.html">个人中心</a></span>
</div>
</div>
<div class="panel" data-x-pos="0" data-y-pos="-1">
<div id="Layer9" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="images/images/九宫格_08.png" width="100%" height="100%"/>
</div>
<span class="panel__nav panel__nav--up js-up">up</span>
<span class="panel__nav panel__nav--left-top js-up js-left">up/left</span>
<span class="panel__nav panel__nav--right-top js-up js-right">up/right</span>
<span class="panel__nav panel__nav--left js-left">left</span>
<span class="panel__nav panel__nav--right js-right">right</span>
<div class="panel__animation-list">
<span class="js-animation active" data-animation="animate--none"><a href="digital/index.html">交互展览</a></span>
</div>
</div>
</div>
</div>
<!-- partial -->
<script src="script.js"></script>
</body>
</html>