一个Jeopardy例子--这个中文我也不知道叫啥。。。。

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-
版权所有 Copyright (c) 2012 Zhantong Zhang
许可:知识共享署名-非商业性使用-相同方式共享 3.0
License: Creative Commons Attribution-NonCommercial-ShareAlike 3.0
12/01/2012
->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Social Study Review by Tony</title>
<link rel="stylesheet" href="S.SJeopardy.css" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="S.SJeopardy.js"></script>
</head>
<body>
<table id="game" cellspacing="5" cellpadding="0" class="hide">
	<thead>
		<tr>
			<th>Chapter 1-2</th>
			<th>Chapter 3</th>
			<th>Chapter 4</th>
			<th>Chapter 5</th>
			<th>Chapter 6</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td id="tq00" class="cell clean" onclick="prompt.show('q00', 100)">
				<h3>100</h3>
				<div class="hide">		
				  <div id="q00">How many world views are there and what they are?<br />a) Seven. Time, Geography, Knowledge, Beliefs, Society, Vaules and Economy.<br />b) Seven. Time, Geography, Knowledge, Beliefs, Society, Vaules and Technology.<br/>c) Six. Time,Geography, Beliefs, Society, Economy and Technology.</div>
				  <div id="aq00">a) Seven. Time, Geography, Knowledge, Beliefs, Society, Vaules and Economy.</div>								
				</div>
			</td>
			<td id="tq01" class="cell clean" onclick="prompt.show('q01', 100)">
				<h3>100</h3>
				<div class="hide">
					<div id="q01">question 100-2</div>
					<div id="aq01">answer</div>	
				</div>
			</td>
			<td id="tq02" class="cell clean" onclick="prompt.show('q02', 100)">
				<h3>100</h3>
				<div class="hide">
					<div id="q02">question 100-3</div>
					<div id="aq02">answer</div>
				</div>
			</td>
			<td id="tq03" class="cell clean" onclick="prompt.show('q03', 100)">
				<h3>100</h3>
				<div class="hide">
					<div id="q03">question 100-4</div>
					<div id="aq03">answer</div>
				</div>
			</td>
			<td id="tq04" class="cell clean" onclick="prompt.show('q04', 100)">
				<h3>100</h3>
				<div class="hide">
					<div id="q04">question 100-5</div>
					<div id="aq04">answer</div>
				</div>
			</td>
		</tr>
		<tr>
			<td id="tq10" class="cell clean" onclick="prompt.show('q10', 200)">
				<h3>200</h3>
				<div class="hide">
					<div id="q10">question 200-1</div>
					<div id="aq10">answer</div>
				</div>
			</td>
			<td id="tq11" class="cell clean" onclick="prompt.show('q11', 200)">
				<h3>200</h3>
				<div class="hide">
					<div id="q11">question 200-2</div>
					<div id="aq11">answer</div>
				</div>
			</td>
			<td id="tq12" class="cell clean" onclick="prompt.show('q12', 200)">
				<h3>200</h3>
				<div class="hide">
					<div id="q12">question 200-3</div>
					<div id="aq12">answer</div>
				</div>
			</td>
			<td id="tq13" class="cell clean" onclick="prompt.show('q13', 200)">
				<h3>200</h3>
				<div class="hide">
					<div id="q13">question 200-4</div>
					<div id="aq13">answer</div>
				</div>
			</td>
			<td id="tq14" class="cell clean" onclick="prompt.show('q14', 200)">
				<h3>200</h3>
				<div class="hide">
					<div id="q14">question 200-5</div>
					<div id="aq14">answer</div>
				</div>
			</td>
		</tr>
		<tr>
			<td id="tq20" class="cell clean" onclick="prompt.show('q20', 300)">
				<h3>300</h3>
				<div class="hide">
					<div id="q20">question 300-1</div>
					<div id="aq20">answer</div>
				</div>
			</td>
			<td id="tq21" class="cell clean" onclick="prompt.show('q21', 300)">
				<h3>300</h3>
				<div class="hide">
					<div id="q21">question 300-2</div>
					<div id="aq21">answer</div>
				</div>
			</td>
			<td id="tq22" class="cell clean" onclick="prompt.show('q22', 300)">
				<h3>300</h3>
				<div class="hide">
					<div id="q22">question 300-3</div>
					<div id="aq22">answer</div>
				</div>
			</td>
			<td id="tq23" class="cell clean" onclick="prompt.show('q23', 300)">
				<h3>300</h3>
				<div class="hide">
					<div id="q23">Who did write a voyage that was the first recorded to circumnabigate the world?<br />a) Columbus<br />b) Magellan<br  />c) James Cook</div>
					<div id="aq23">answer/div>
				</div>
			</td>
			<td id="tq24" class="cell clean" onclick="prompt.show('q24', 300)">
				<h3>300</h3>
				<div class="hide">
					<div id="q24">question 300-5</div>
					<div id="aq24">42.8 * 2.2</div>
				</div>
			</td>
		</tr>
		<tr>
			<td id="tq30" class="cell clean" onclick="prompt.show('q30', 400)">
				<h3>400</h3>
				<div class="hide">
					<div id="q30">question 400-1</div>
					<div id="aq30">answer</div>
				</div>
			</td>
			<td id="tq31" class="cell clean" onclick="prompt.show('q31', 400)">
				<h3>400</h3>
				<div class="hide">
					<div id="q31">question 400-2</div>
					<div id="aq31">answer</div>
				</div>
			</td>
			<td id="tq32" class="cell clean" onclick="prompt.show('q32', 400)">
				<h3>400</h3>
				<div class="hide">
					<div id="q32">question 400-3</div>
					<div id="aq32">answer</div>
				</div>
			</td>
			<td id="tq33" class="cell clean" onclick="prompt.show('q33', 400)">
				<h3>400</h3>
				<div class="hide">
					<div id="q33">question 400-4</div>
					<div id="aq33">answer</div>
				</div>
			</td>
			<td id="tq34" class="cell clean" onclick="prompt.show('q34', 400)">
				<h3>400</h3>
				<div class="hide">
					<div id="q34">question 400-5</div>
					<div id="aq34">answer</div>
				</div>
			</td>
		</tr>
		<tr>
			<td id="tq40" class="cell clean" onclick="prompt.show('q40', 500)">
				<h3>500</h3>
				<div class="hide">
					<div id="q40">question 500-1</div>
					<div id="aq40">answer</div>
				</div>
			</td>
			<td id="tq41" class="cell clean" onclick="prompt.show('q41', 500)">
				<h3>500</h3>
				<div class="hide">
					<div id="q41">question 500-2</div>
					<div id="aq41">answer</div>
				</div>
			</td>
			<td id="tq42" class="cell clean" onclick="prompt.show('q42', 500)">
				<h3>500</h3>
				<div class="hide">
					<div id="q42">question 500-3</div>
					<div id="aq42">answer</div>
				</div>
			</td>
			<td id="tq43" class="cell clean" onclick="prompt.show('q43', 500)">
				<h3>500</h3>
				<div class="hide">
					<div id="q43">question 500-4</div>
					<div id="aq43">answer</div>
				</div>
			</td>
			<td id="tq44" class="cell clean" onclick="prompt.show('q44', 500)">
				<h3>500</h3>
				<div class="hide">
					<div id="q44">question 500-5</div>
					<div id="aq44">answer</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>
<div id="options">
	<h1>Social Study Review</h1>
	<label>Number of Poeple</label>
	<select name="teams" id="teams">
		<option value="1">1 person</option>
		<option value="2">2 people</option>
		<option value="3">3 people</option>
		<option value="4">4 people</option>
		<option value="5">5 people</option>
		<option value="6">6 people</option>
		<option value="7">7 people</option>
		<option value="8">8 people</option>
		<option value="9">9 people</option>
		<option value="10">10 people</option>
		<option value="11">11 people</option>
		<option value="12">12 people</option>
	</select>
	<input class="submit" type="button" id="submit" value="Start" onclick="game.init()" />
	<br />
	<br />
	<p id="copyright">版权所有 Copyright &#169; Zhantong Zhang 2012<br /><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="知识共享许可协议" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br />本作品由<span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Zhantong Zhang</span>创作,采用<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">知识共享署名-非商业性使用-相同方式共享 3.0 Unported许可协议</a>进行许可。</p>
	<div class="clear"></div>
</div>
<div id="stats"> </div>
<div id="prompt">
	<h2 id="question"></h2>
	<p><span id="correct-response"><a href="javascript:prompt.showAnswer()">Correct Response</a> &nbsp;&nbsp;&nbsp;&nbsp; </span><a href="javascript:prompt.hide()">Continue</a></p>
	<h2 id="answer"></h2>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script> 
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6553843-3");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>