首页/ mobileweb/ 在线考试系统H5移动端功能演示/ 代码预览

💻 代码预览 · 在线考试系统H5移动端功能演示

mw_edu · 上传者 驰旭教育
← 返回详情
r40/exam.html · 约 2839 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
6<title>在线答题</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12  <div class="top"><span class="role">学生端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭教育</span></div>
13  <h1>在线答题</h1>
14  <div class="sub">高等数学(上)期末模拟</div>
15</div>
16<div class="exambar">
17  <div class="cd" id="cd">59:48</div>
18  <div class="pr"><div class="bar2"><i style="width:15%"></i></div><div class="pl">第 3 / 20 题 · 已答 3 题</div></div>
19</div>
20<div class="qcard">
21  <div class="qt">单选题 · 难度 ★★☆</div>
22  <div class="qh">题目 3:设函数 f(x)=x³−3x,则 f(x) 在区间 [−1,1] 上的最大值为( )。</div>
23  <div class="opts">
24    <div class="opt on"><span class="rdo"></span><span class="ot">A. −2</span></div>
25    <div class="opt"><span class="rdo"></span><span class="ot">B. 0</span></div>
26    <div class="opt"><span class="rdo"></span><span class="ot">C. 2</span></div>
27    <div class="opt"><span class="rdo"></span><span class="ot">D. 4</span></div>
28  </div>
29</div>
30<div class="qcard" style="margin-top:12px">
31  <div class="qt">单选题 · 难度 ★☆☆</div>
32  <div class="qh">题目 4:下列极限 lim(x→0) sin x / x 的值为( )。</div>
33  <div class="opts">
34    <div class="opt"><span class="rdo"></span><span class="ot">A. 0</span></div>
35    <div class="opt"><span class="rdo"></span><span class="ot">B. 1</span></div>
36    <div class="opt"><span class="rdo"></span><span class="ot">C. ∞</span></div>
37    <div class="opt"><span class="rdo"></span><span class="ot">D. 不存在</span></div>
38  </div>
39</div>
40<div class="exam-actions">
41  <button class="btn ghost">上一题</button>
42  <button class="btn">下一题</button>
43  <a class="btn" href="result.html" style="text-decoration:none">交卷</a>
44</div>
45<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">📝</span>主页</a><a class="nav-item active" href="exam.html"><span class="icon">⏱️</span>答题</a><a class="nav-item" href="result.html"><span class="icon">📊</span>成绩</a></div><div class="safe-bottom"></div>
46</div>
47<script>var t=59*60+48;var el=document.getElementById("cd");function tick(){if(t<=0)return;var m=Math.floor(t/60),s=t%60;el.textContent=(m<10?"0":"")+m+":"+(s<10?"0":"")+s;t--;}tick();setInterval(tick,1000);document.querySelectorAll(".opt").forEach(function(o){o.addEventListener("click",function(){var g=o.parentNode;g.querySelectorAll(".opt").forEach(function(x){x.classList.remove("on")});o.classList.add("on");});});</script>
48</body>
49</html>