-
Notifications
You must be signed in to change notification settings - Fork 66
/
menu.html
97 lines (84 loc) · 6.78 KB
/
menu.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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>html索引</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1, target-densitydpi=medium-dpi, user-scalable=no">
</head>
<style>
*{font:16px "微软雅黑","宋体";margin: 0;padding: 0;}
.view{padding:30px;}
h2{ text-align:center; clear:both; font-size:18px; margin:0;}
.main{ list-style: none;}
.main:after { clear: both; display: block; visibility: hidden; height: 0; content: ""; }
p{margin: 5px 0;font-size: 20px;}
.main li{display: inline-block;text-align: center;margin:8px;}
.main a{ display:inline-block; font-size:15px; line-height:36px; color:#333; text-decoration:none;border: 1px solid #ccc;padding: 5px 10px;}
.main a:hover{color:#47A0DC;}
h3{ clear:both;}
</style>
<body>
<div class="view">
<p>Funny-demo</p>
<ul class="main">
<li><a href="src/Funny-demo/Whale/whale.html" target="_blank" class="demo-name" title="效果预览">whale</a></li>
<li><a href="src/Funny-demo/Doraemon/index.html" target="_blank" class="demo-name" title="效果预览">哆啦A梦</a></li>
<li><a href="src/Funny-demo/triangle.html" target="_blank" class="demo-name" title="效果预览">三角形特效</a></li>
<li><a href="src/Funny-demo/tentacles/tentacles.html" target="_blank" class="demo-name" title="效果预览">疯狂的触角</a></li>
<li><a href="src/Funny-demo/Blob/index.html" target="_blank" class="demo-name" title="效果预览">果冻模拟</a></li>
<li><a href="src/Funny-demo/ticky_thing/index.html" target="_blank" class="demo-name" title="效果预览">黏糊糊的东西</a></li>
<li><a href="src/Funny-demo/CSS3-hover/index.html" target="_blank" class="demo-name" title="效果预览">CSS3鼠标悬停特效</a></li>
<li><a href="src/Funny-demo/beanstalk/index.html" target="_blank" class="demo-name" title="效果预览">魔豆</a></li>
<li><a href="src/Funny-demo/blackhole/index.html" target="_blank" class="demo-name" title="效果预览">黑洞</a></li>
</ul>
<p>Canvas-demo</p>
<ul class="main">
<li><a href="src/Canvas-demo/tearCloth.html" target="_blank" class="demo-name" title="效果预览">Tearable Cloth</a></li>
<li><a href="src/Canvas-demo/mechanical_grass/grass.html" target="_blank" class="demo-name" title="效果预览">机械草</a></li>
<li><a href="src/Canvas-demo/nets.html" target="_blank" class="demo-name" title="效果预览">nets</a></li>
<li><a href="src/Canvas-demo/nets_black/index.html" target="_blank" class="demo-name" title="效果预览">星空网络背景</a></li>
<li><a href="src/Canvas-demo/rose.html" target="_blank" class="demo-name" title="效果预览">玫瑰花</a></li>
<li><a href="src/Canvas-demo/loader.html" target="_blank" class="demo-name" title="效果预览">粒子进度条</a></li>
<li><a href="src/Canvas-demo/Conductor/index.html" target="_blank" class="demo-name" title="效果预览">Conductor</a></li>
<li><a href="src/Canvas-demo/space_noodles/index.html" target="_blank" class="demo-name" title="效果预览">Space noodles</a></li>
<li><a href="src/Canvas-demo/liquid_particles/index.html" target="_blank" class="demo-name" title="效果预览">粒子液体</a></li>
<li><a href="src/Canvas-demo/liquid_chars/liquid-chars.html" target="_blank" class="demo-name" title="效果预览">星星液体</a></li>
<li><a href="src/Canvas-demo/apple_watch/index.html" target="_blank" class="demo-name" title="效果预览">Apple Watch</a></li>
<li><a href="src/Canvas-demo/coolRain/index.html" target="_blank" class="demo-name" title="效果预览">彩虹雨</a></li>
<li><a href="src/Canvas-demo/spider/spider.html" target="_blank" class="demo-name" title="效果预览">Spider</a></li>
</ul>
<p>3D-demo</p>
<ul class="main">
<li><a href="src/3D-demo/3DGoogle/index.html" target="_blank" class="demo-name" title="效果预览">3D Google</a></li>
<li><a href="src/3D-demo/micah/index.html" target="_blank" class="demo-name" title="效果预览">3Dscene</a></li>
<li><a href="src/3D-demo/3Dfacegirl/index.html" target="_blank" class="demo-name" title="效果预览">3D girl</a></li>
<li><a href="src/3D-demo/3Dphoto/index.html" target="_blank" class="demo-name" title="效果预览">3D相册</a></li>
<li><a href="src/3D-demo/3DTunnel/3Dtunnel.html" target="_blank" class="demo-name" title="效果预览">3D隧道</a></li>
<li><a href="src/3D-demo/voxels-liquid/index.html" target="_blank" class="demo-name" title="效果预览">三维液体</a></li>
<!--<li><a href="src/3D-demo/3Dbook/creativeguidebook.html" target="_blank" class="demo-name" title="效果预览">一本书中的世界</a></li>-->
<li><a href="src/3D-demo/periodic-table/index.html" target="_blank" class="demo-name" title="效果预览">3D元素周期表</a></li>
<li><a href="src/3D-demo/3Dcube/index.html" target="_blank" class="demo-name" title="效果预览">3D正方体旋转</a></li>
</ul>
<p>Svg-demo</p>
<ul class="main">
<li><a href="src/Svg-demo/theCreepyMouth/index.html" target="_blank" class="demo-name" title="效果预览">theCreepyMouth</a></li>
<li><a href="src/Svg-demo/butterFlies/index.html" target="_blank" class="demo-name" title="效果预览">蝴蝶飞舞</a></li>
</ul>
<p>WebGL-demo</p>
<ul class="main">
<li><a href="src/WebGL-demo/webgl-water/index.html" target="_blank" class="demo-name" title="效果预览">webGL-water</a></li>
<li><a href="src/WebGL-demo/visualEYEzer/index.html" target="_blank" class="demo-name" title="效果预览">visualEYEzer</a></li>
<li><a href="src/WebGL-demo/jellyfish/index.html" target="_blank" class="demo-name" title="效果预览">3D水母</a></li>
<!--<li><a href="src/WebGL-demo/reactive-ball/index.html" target="_blank" class="demo-name" title="效果预览">反射球</a></li>-->
<li><a href="src/Threejs-demo/examples/webgl_materials_cubemap_dynamic2.html" target="_blank" class="demo-name" title="效果预览">反射球</a></li>
<li><a href="src/WebGL-demo/clouds/index.html" target="_blank" class="demo-name" title="效果预览">模拟云</a></li>
<li><a href="src/Threejs-demo/examples/webgl_materials_cubemap_balls_reflection.html" target="_blank" class="demo-name" title="效果预览">反射效果</a></li>
</ul>
<p>Game-demo</p>
<ul class="main">
<li><a href="src/Game-demo/chinese_chess/index.html" target="_blank" class="demo-name" title="效果预览">Chinese chess</a></li>
<li><a href="src/Game-demo/caisse/index.html" target="_blank" class="demo-name" title="效果预览">重力感应积木</a></li>
</ul>
</div>
</body>
</html>