-
Notifications
You must be signed in to change notification settings - Fork 0
/
toup.html
284 lines (279 loc) · 15.9 KB
/
toup.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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/toup.css" />
<link rel="stylesheet" href="swiper/swiper.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/fontSize.js"></script>
<title>投票</title>
</head>
<body>
<section class="toup" id="t1">
<!-- <div class="logo">
<img src="images/logo.png"/>
</div> -->
<div class="swipers">
<div class="con">
<h1>集智测评调查问卷</h1>
<p>感谢您使用集智测评微信版系统！</p>
<p>微信版集智测评系统是由广西大学计算机与电子信息学院Dawn实验室所研发，旨在帮助师生方便教与学。</p>
<p>集智测评自推出使用以来，一直在不断进步以满足用户的需要，为了让集智测评能够更好地满足您对系统的所有向往，我们非常期待能知道您的想法。</p>
<p>坐下来，品一杯咖啡，细细地想一想，您心中的集智测评，是什么样的呢？</p>
</div>
<a href="javascript:;" class="jion">参加本调查</a>
</div>
</section>
<section class="toup" id="t2">
<!-- <div class="logo">
<img src="images/logo.png"/>
</div> -->
<div class="swipers">
<!-- 上下 -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>1</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score" id="1"/><label for="1">5分 必须非常熟悉</label></div>
<div class="input"><input type="radio" name="score" id="2"/><label for="2">4分 很熟悉</label></div>
<div class="input"><input type="radio" name="score" id="3"/><label for="3">3分 一般熟悉</label></div>
<div class="input"><input type="radio" name="score" id="4"/><label for="4">2分 不怎么熟悉</label></div>
<div class="input"><input type="radio" name="score" id="5"/><label for="5">1分 完全不熟悉好吗</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>2</span>与传统测评形式相比较，是否提升了学习效率？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score1" id="6"/><label for="6">5分 非常好。界面很美观，操作非常便利</label></div>
<div class="input"><input type="radio" name="score1" id="7"/><label for="7">4分 很好。界面美观，操作很便利</label></div>
<div class="input"><input type="radio" name="score1" id="8"/><label for="8">3分 一般般。界面一般般，操作一般般</label></div>
<div class="input"><input type="radio" name="score1" id="9"/><label for="9">2分 较差。界面较差，操作也不太方便，出错提示欠友好</label></div>
<div class="input"><input type="radio" name="score1" id="10"/><label for="10">1分 很差。惨不忍睹，操作很不方便</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>3</span>测试题目的质量？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score2" id="11"/><label for="11">5分 非常合理。功能齐全且合理</label></div>
<div class="input"><input type="radio" name="score2" id="12"/><label for="12">4分 很合理。包括了大多数的功能</label></div>
<div class="input"><input type="radio" name="score2" id="13"/><label for="13">3分 一般。基本能满足需求，但还是感觉缺少点什么</label></div>
<div class="input"><input type="radio" name="score2" id="14"/><label for="14">2分 不太合理。有的功能不全，有的虽然很全但不合理</label></div>
<div class="input"><input type="radio" name="score2" id="15"/><label for="15">1分 很不合理。完全不是我要的功能</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>4</span>错题集功能对您的作用</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="16"/><label for="16">5分 必须满分，没有意见</label></div>
<div class="input"><input type="radio" name="score3" id="17"/><label for="17">4分 很好，但还可以改进 </label></div>
<div class="input"><input type="radio" name="score3" id="18"/><label for="18">3分 一般，继续加油</label></div>
<div class="input"><input type="radio" name="score3" id="19"/><label for="19">2分 不太好，进步空间很大</label></div>
<div class="input"><input type="radio" name="score3" id="20"/><label for="20">1分 不好，看不下去了</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>5</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="21"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="22"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="23"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="24"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="25"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>6</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="26"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="27"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="28"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="29"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="30"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>7</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="31"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="32"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="33"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="34"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="35"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>8</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="36"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="37"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="38"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="39"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="40"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>9</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="41"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="42"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="43"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="44"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="45"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>10</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="46"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="47"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="48"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="49"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="50"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>11</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="51"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="52"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="53"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="54"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="55"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>12</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="56"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="57"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="58"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="59"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="60"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>13</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="61"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="62"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="63"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="64"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="65"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<div class="f"><h3><span>14</span>是否愿意继续使用测评系统？</h3></div>
<div class="choose">
<div class="input"><input type="radio" name="score3" id="66"/><label for="21">5分 满意，十分满意</label></div>
<div class="input"><input type="radio" name="score3" id="67"/><label for="22">4分 很好，可以更完善</label></div>
<div class="input"><input type="radio" name="score3" id="68"/><label for="23">3分 一般，还差点意思</label></div>
<div class="input"><input type="radio" name="score3" id="69"/><label for="24">2分 不太好，很多功能没有</label></div>
<div class="input"><input type="radio" name="score3" id="70"/><label for="25">1分 不好，不是我想要的</label></div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="scores">
<h3>请就系统的美观性、流畅性、稳定性、功能完整性提出您的宝贵建议？</h3>
<div class="f"><span>15</span>请大声说出您的心里话</div>
<div class="input">
<textarea tyle="border:0;overflow:auto;color:#FFFFFF;" rows="6" cols="35" placeholder="意见与建议">
</textarea>
<!--<input style="width: 250px;height: 150px;" placeholder="意见与建议"/>-->
</div>
</div>
</div>
</div>
<div class="preNexts">
<div class="swiper-button-prev"><div class="pre"></div>上一题</div>
<div class="swiper-button-next"><div class="next"></div>下一题</div>
</div>
</div>
<!-- 上下end -->
</div>
</section>
<section class="toup" id="t3">
<!-- <div class="logo">
<img src="images/logo.png"/>
</div> -->
<div class="swipers">
<div class="con con1">
<!--<input type="number" name="" class="phone" placeholder="手机号码"/>-->
<div class="smile">
<p>非常感谢您的配合!</p>
<p>我们将赠送您150个积分，请注意查收，谢谢!</p>
</div>
</div>
<a href="javascript:;" class="tijiao">提交调查</a>
</div>
</section>
<script src="swiper/swiper.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
slidesPerView: 1,
paginationClickable: true,
spaceBetween: 30,
loop: true,
onReachEnd: function(swiper){
$("#t2").hide();
$("#t3").show();
}
});
$("#t2,#t3").hide();
$("a.jion").on("click",function(){
$("#t1").hide();
$("#t2").show();
});
$(".swiper-container label,.swiper-container input").click(function(){
var this_active = $(this).parents(".swiper-slide").index();
if(this_active!=6){
setTimeout(function(){
mySwiper.slideTo(this_active+1,1000)
},500);
}
});
$('.swiper-button-next').click(function(){
if(mySwiper .isEnd){
$("#t2").hide();
$("#t3").show();
}
})
</script>
</body>
</html>