-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·137 lines (134 loc) · 4.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>animore</title>
<meta name="description" content="animore" />
<link rel="stylesheet" type="text/css" href="public/stylesheets/reset.css">
<link rel="stylesheet" href="public/stylesheets/animate.css">
<link rel="stylesheet" type="text/css" href="public/stylesheets/animore.css">
<script src="public/javascripts/libs/require.js"></script>
<script src="public/javascripts/animore.js"></script>
<link href="public/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<div class="main">
<header class="header">
<table>
<tr>
<td height="150">
<a href="#" class="logo"></a>
</td>
</tr>
<tr>
<td class="menu">
<ul id="J_menu">
<li class="menu-i active">
<a href="javascript:void(0);">全部动效</a>
</li>
<li class="menu-i">
<a href="javascript:void(0);">导航&菜单</a>
</li>
<li class="menu-i">
<a href="javascript:void(0);">按钮</a>
</li>
<li class="menu-i">
<a href="javascript:void(0);">视差滚动</a>
</li>
<li class="menu-i">
<a href="javascript:void(0);">更新&加载</a>
</li>
<li class="menu-i">
<a href="javascript:void(0);">界面&转场</a>
</li>
<li class="menu-i">
<a href="javascript:void(0);">其它动效</a>
</li>
<li class="menu-i">
<a href="javascript:void(0);">GIF效果图</a>
</li>
</ul>
<div class="nav-pointer">
<span class="pointer-left"></span>
<span class="pointer-right"></span>
</div>
</td>
</tr>
<tr>
<td height="150">
<div class="copyright">
<img src="public/images/m2ux.png" alt="阿里妈妈用户体验中心" width="66" height="42">
<p>阿里巴巴集团阿里妈妈用户体验中心</p>
<p>©2015</p>
</div>
</td>
</tr>
</table>
</header>
<div id="grid-gallery" class="grid-gallery">
<section class="grid-wrap">
<ul id="grid" class="grid clearfix">
<!-- for Masonry column width -->
</ul>
</section><!-- // grid-wrap -->
<section class="slideshow">
<div class="slideWrapper"></div>
<div class="slidePanel">
<div class="slideBar">
<ul class="tab">
<li index="0" class="tab-i active">HTML</li>
<li index="1" class="tab-i">CSS</li>
<li index="2" class="tab-i">JavaScript</li>
<li class="tab-note"><span>设计：<a class="designer"></a></span><span>开发：<a class="developer"></a></span><span>兼容：<a class="browser"></a></span></li>
<li class="tab-oper">
<!-- <span class="edit">编 辑</span> -->
<span class="run">运行</span>
</li>
</ul>
</div>
<ul class="codePanel">
<li class="code-i" id="J_codePanel_html">
<pre class="html"></pre>
</li>
<li class="code-i" id="J_codePanel_css">
<pre class="css"></pre>
</li>
<li class="code-i" id="J_codePanel_javascript">
<pre class="javascript"></pre>
</li>
</ul>
</div>
<nav>
<span class="icon nav-close"></span>
</nav>
<div class="info-keys icon"></div>
</section><!-- // slideshow -->
</div><!-- // grid-gallery -->
</div>
<script type="text/javascript">
require.config({
baseUrl: 'public/javascripts',
//except, if the module ID starts with "app",
//load it from the js/app directory. paths
//config is relative to the baseUrl, and
//never includes a ".js" extension since
//the paths config could be for a directory.
paths: {
jquery: 'libs/jquery-1.8.2.min',
handlebars: 'libs/handlebars.min.js',
modernizr: 'libs/modernizr',
masonry: 'libs/masonry.pkgd.min',
cbpGridGallery: 'cbpGridGallery',
classie: 'libs/classie',
ace: 'ace/ace',
animore: 'animore'
},
shim: {
'cbpGridGallery': ['modernizr', 'masonry', 'classie'],
'animore': ['jquery', 'handlebars']
}
});
</script>
</body>
</html>