-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·254 lines (208 loc) · 17.2 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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!doctype html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>demo索引</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, user-scalable=no">
<link rel="Shortcut Icon" href="favicon.ico" type="image/ico">
<link rel="stylesheet" href="menu.css">
</head>
<body>
<div class='view'>
<h2>Demo导航</h2>
<ul class='main'>
<li>
<a href='https://demo.luckyw.cn/code.html?path=3d-album' target='_blank' class='demo-name' title='效果预览'>3D相册</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/3d-album/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=3d-cube' target='_blank' class='demo-name' title='效果预览'>Css3 3D立方体</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/3d-cube/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=3d-navbar' target='_blank' class='demo-name' title='效果预览'>3D导航菜单</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/3d-navbar/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=amap' target='_blank' class='demo-name' title='效果预览'>LBS AMap</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/amap/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=angular-list-scroll' target='_blank' class='demo-name' title='效果预览'>angular文字无缝滚动轮播</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/angular-list-scroll/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=animate-css' target='_blank' class='demo-name' title='效果预览'>Animate CSS</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/animate-css/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=blur-img' target='_blank' class='demo-name' title='效果预览'>图片模糊</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/blur-img/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=bs-demo' target='_blank' class='demo-name' title='效果预览'>现代浏览器简介</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/bs-demo/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=canvas-api' target='_blank' class='demo-name' title='效果预览'>Canvas API</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/canvas-api/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=canvas-clock' target='_blank' class='demo-name' title='效果预览'>Canvas Clock</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/canvas-clock/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=canvas-clock2' target='_blank' class='demo-name' title='效果预览'>Canvas Clock2</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/canvas-clock2/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=canvas-heart' target='_blank' class='demo-name' title='效果预览'>心形动画</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/canvas-heart/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=clip-card' target='_blank' class='demo-name' title='效果预览'>刮刮卡</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/clip-card/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=clip-img' target='_blank' class='demo-name' title='效果预览'>图片橡皮擦</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/clip-img/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=clock' target='_blank' class='demo-name' title='效果预览'>Clock</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/clock/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=color-ball-canvas' target='_blank' class='demo-name' title='效果预览'>彩色球沿轨迹运动</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/color-ball-canvas/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=comic-mztkn' target='_blank' class='demo-name' title='效果预览'>横向手风琴</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/comic-mztkn/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=common-layout' target='_blank' class='demo-name' title='效果预览'>圣杯布局</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/common-layout/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=cool-clock' target='_blank' class='demo-name' title='效果预览'>酷炫粒子时钟</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/cool-clock/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=css3-3d-movie-show' target='_blank' class='demo-name' title='效果预览'>CSS3 3D电影展示</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/css3-3d-movie-show/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=custom-scroll-bar' target='_blank' class='demo-name' title='效果预览'>自定义滚动条</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/custom-scroll-bar/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=dots-animate' target='_blank' class='demo-name' title='效果预览'>七彩炫酷粒子动画</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/dots-animate/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=fixed-navigation-bar' target='_blank' class='demo-name' title='效果预览'>固定式导航条效果</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/fixed-navigation-bar/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=flexbox' target='_blank' class='demo-name' title='效果预览'>弹性盒子模型</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/flexbox/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=fontawesome-icon' target='_blank' class='demo-name' title='效果预览'>FontAwesome Icons Search</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/fontawesome-icon/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=fullpage-demo-1' target='_blank' class='demo-name' title='效果预览'>全屏滚动特效I</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/fullpage-demo-1/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=fullpage-demo-2' target='_blank' class='demo-name' title='效果预览'>全屏滚动特效Ⅱ</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/fullpage-demo-2/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=hacker' target='_blank' class='demo-name' title='效果预览'>Hacking</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/hacker/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=image-process' target='_blank' class='demo-name' title='效果预览'>canvas图像处理</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/image-process/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=img-mouse-hover-change' target='_blank' class='demo-name' title='效果预览'>鼠标悬浮移动</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/img-mouse-hover-change/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=imooc-download-video' target='_blank' class='demo-name' title='效果预览'>慕课网视频解析下载</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/imooc-download-video/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=imooc-index' target='_blank' class='demo-name' title='效果预览'>慕课首页</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/imooc-index/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=jqm-demo' target='_blank' class='demo-name' title='效果预览'>列车时刻表查询</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/jqm-demo/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=learn-to-write-a-word' target='_blank' class='demo-name' title='效果预览'>手写字</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/learn-to-write-a-word/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=local-img-to-base64' target='_blank' class='demo-name' title='效果预览'>本地图片转base64编码数据</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/local-img-to-base64/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=magnify-img' target='_blank' class='demo-name' title='效果预览'>放大镜</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/magnify-img/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=matrix' target='_blank' class='demo-name' title='效果预览'>Matrix</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/matrix/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=music-visualize' target='_blank' class='demo-name' title='效果预览'>本地音乐播放器</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/music-visualize/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=offcanvas-magnifier' target='_blank' class='demo-name' title='效果预览'>离屏canvas放大镜</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/offcanvas-magnifier/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=pic-carousel-demo-1' target='_blank' class='demo-name' title='效果预览'>渐隐渐现图片轮播</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/pic-carousel-demo-1/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=pic-carousel-demo-2' target='_blank' class='demo-name' title='效果预览'>平移图片轮播</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/pic-carousel-demo-2/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=radial-menu' target='_blank' class='demo-name' title='效果预览'>径向菜单</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/radial-menu/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=right-menu' target='_blank' class='demo-name' title='效果预览'>自定义右键菜单</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/right-menu/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=sidebar' target='_blank' class='demo-name' title='效果预览'>侧边栏</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/sidebar/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=tangram' target='_blank' class='demo-name' title='效果预览'>七巧板</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/tangram/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=tennis-game' target='_blank' class='demo-name' title='效果预览'>网球游戏</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/tennis-game/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
<li>
<a href='https://demo.luckyw.cn/code.html?path=velocity' target='_blank' class='demo-name' title='效果预览'>Velocity Demo</a>
<a href='https://github.com/leoyaojy/demo/tree/master/src/velocity/index.html' target='_blank' class='demo-source' title='点击查看源码'>源码</a>
</li>
</ul>
</div>
</body>
</html>