-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathifetaskView.html
137 lines (137 loc) · 5.79 KB
/
ifetaskView.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">
<title>ifetaskView</title>
<style type="text/css" media="screen">
* {margin: 0;padding: 0;}
#wrap {
width: 800px;
margin: 60px auto;
padding: 10px;
border-radius: 5px;
border: 1px solid #00f;
background-color: #FFFFFF;
}
#wrap > h2 {
width: 100%;
font: 20px/32px "Microsoft YaHei";
text-align: center;
margin-bottom: 20px;
}
#wrap > li {
list-style: none;
font: 18px/24px "Microsoft YaHei";
}
#wrap > li > a {
display: inline-block;
margin: 0 10px;
text-decoration: none;
color: #00f;
}
#wrap > li > a:hover {
text-decoration: underline;
color: #0f0;
}
#wrap > li > span {
display: inline-block;
text-align: left;
width: 80%;
}
</style>
</head>
<body>
<ul id="wrap">
<h2>百度前端技术学院task</h2>
<li>
<span>task4_50 微型调查问卷平台</span>
<a href="http://yinmazuo.github.io/ifetask/task4/questionnaireSystem/index.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task4/questionnaireSystem">源码</a>
</li>
<br />
<li>
<span>task_1_3_1 三栏式布局</span>
<a href="https://yinmazuo.github.io/ifetask/task1/task_1_3_1/task_1_3_1.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task1/task_1_3_1">源码</a>
</li>
<li>
<span>task_1_4_1 定位和居中问题</span>
<a href="https://yinmazuo.github.io/ifetask/task1/task_1_4_1/task_1_4_1.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task1/task_1_4_1">源码</a></li>
<li>
<span>task_1_6_1 通过HTML及CSS模拟报纸排版</span>
<a href="http://yinmazuo.github.io/ifetask/task1/task_1_6_1/task_1_6_1.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task1/task_1_6_1">源码</a></li>
<li>
<span>task_1_7_1 实现常见的技术产品官网的页面架构及样式布局</span>
<a href="http://yinmazuo.github.io/ifetask/task1/task_1_7_1/task_1_7_1.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task1/task_1_7_1">源码</a>
</li>
<li>
<span>task_1_8_1 响应式网格（栅格化）布局</span>
<a href="http://yinmazuo.github.io/ifetask/task1/task_1_8_1/task_1_8_1.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task1/task_1_8_1">源码</a>
</li>
<li>
<span>task_2_17 零基础JavaScript编码（五）</span>
<a href="http://yinmazuo.github.io/ifetask/task2/task_2_17/task_2_17.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task2/task_2_17">源码</a>
</li>
<li>
<span>task_2_19 基础JavaScript练习（二）</span>
<a href="http://yinmazuo.github.io/ifetask/task2/task_2_19/task_2_19.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task2/task_2_19">源码</a>
</li>
<li>
<span>task_2_22 JavaScript和树（一）</span>
<a href="http://yinmazuo.github.io/ifetask/task2/task_2_22/task_2_22.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task2/task_2_22">源码</a>
</li>
<li>
<span>task_2_23 JavaScript和树（二）</span>
<a href="http://yinmazuo.github.io/ifetask/task2/task_2_23/task_2_23.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task2/task_2_23">源码</a>
</li>
<li>
<span>task_2_25 JavaScript和树（四）</span>
<a href="http://yinmazuo.github.io/ifetask/task2/task_2_25/task_2_25.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task2/task_2_25">源码</a>
</li>
<li>
<span>task_2_30 表单（二）多个表单项的动态校验</span>
<a href="http://yinmazuo.github.io/ifetask/task2/task_2_30/task_2_30.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task2/task_2_30">源码</a>
</li>
<li>
<span>task_2_32 表单（四）实现表单自动生成工厂</span>
<a href="http://yinmazuo.github.io/ifetask/task2/task_2_32/task_2_32.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task2/task_2_32">源码</a>
</li>
<li>
<span>task_3_37 UI组件之浮出层</span>
<a href="http://yinmazuo.github.io/ifetask/task3/task_3_37/task_3_37.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task3/task_3_37">源码</a>
</li>
<li>
<span>task_3_38 UI组件之排序表格</span>
<a href="http://yinmazuo.github.io/ifetask/task3/task_3_38/task_3_38.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task3/task_3_38">源码</a>
</li>
<li>
<span>task_3_39 UI组件之冻结行列表格</span>
<a href="http://yinmazuo.github.io/ifetask/task3/task_3_39/task_3_39.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task3/task_3_39">源码</a>
</li>
<li>
<span>task_3_41 UI组件之日历组件（二）</span>
<a href="http://yinmazuo.github.io/ifetask/task3/task_3_41/task_3_41.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task3/task_3_41">源码</a>
</li>
<li>
<span>task_3_42 UI组件之日历组件（三）</span>
<a href="http://yinmazuo.github.io/ifetask/task3/task_3_42/task_3_42.html">DEMO</a>
<a href="https://github.com/yinmazuo/yinmazuo.github.io/tree/master/ifetask/task3/task_3_42">源码</a>
</li>
</ul>
</body>
</html>