</div>
</div>
</ol>
思路
面对这种需求该怎么办呢?使用JavaScript了,看来。后来决定用jQuery,Aptana作IDE(虽然jQuery支持库在Windows上死活装不上去,换了个OS就好了,奇怪),格式么就用CSS了。
具体步骤:
导入试卷题目HTML
对所有选择题进行排版,把一行划分为四个位置,使选项尽量适应一个位置、两个位置或四个位置(也就是一行四项、一行两项或者一行一项的效果)
对所有题目进行分页
思路还是清晰的,但是由于浏览器众多,还是比较麻烦的,并且我是新手,没接触过jQuery之前……
实现
页面文件(和例子不同,但是格式一样的)
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>No title…</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<script language=”JavaScript” src=”lib/jquery/jquery-1.4.2.js” type=”text/javascript”></script>
<script language=”JavaScript” src=”lib/countdown/jquery.countdown.pack.js” type=”text/javascript”></script>
<script language=”JavaScript” src=”TestPaperProcessor.js” type=”text/javascript”></script>
<link href=”style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<div id=”divToolbar”>
<div id=”divPrev”>PrevPage</div>
<div id=”divNext”>NextPage</div>
<div id=”divPageInfo”>Loading the test…</div>
<div id=”divTimer”></div>
</div>
<form id=”formPaper” action=”demo.html” method=”post” accept-charset=”utf-8″>
<ul>
<div class=”Display” id=”divLeft”>
left<!–the left page–>
</div>
<div class=”Display” id=”divRight”>
right<!–the right page–>
</div>
</ul>
<ol id=”olThePaper”>
<div class=”Desc”>选择题:说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。说明文字。</div>
<div class=”Problem” id=”1″>
<li>1你认为怎样的老师是好老师?</li>
<div class=”Choices”>
<label>
<input type=”radio” name=”prob1″ value=”D” />和学生平等相处,能全面满足学生各种需要










