zxhx
/
xiaoben-as2-php


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>试题编辑</title>
	<link rel="stylesheet" type="text/css" href="../css/base.css">
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<style type="text/css">
		/*.topic-content*/
		.choose-topic h3,.filling-topic h3,.answer-topic h3{font-weight: 700;font-size: 14px;line-height: 34px;}
		.topic{padding-left: 30px; font-size:14px;text-align: justify;line-height: 22px;}
		.topic a{margin:0 5px; color: #4395ff}
		.topic p{display: inline;}
		/*.topic .score{color: #f00;}*/
		.score input,.right-answer{width: 20px;text-align: center; background: #fff;border:0;color: #50d2c2}
		.score input:focus,.right-answer:focus{border:1px solid #50d2c2;outline: none;}
		/*.right-answer{color: #f40;}*/
		.topic-answer input{}
		.words{position: relative;padding-left: 25px; width: 80%;box-sizing: border-box;cursor:pointer;}
		.controls{width: 20%;}
		.order{position: absolute;left: 0;top: 0;width: 25px;}
		.options{padding-left: 35px;}
		.options li{margin-top: 10px; list-style:upper-latin;}
		.listType_1{width: 25%;}
		.listType_2{width: 50%;}
		.listType_3{width: 100%;}
		.topic-answer,.topic-explain{padding-left: 20px;margin:10px 0;}
		.answer-tit{width: 80%;}
		.answer-btn{width: 20%;}
		.topic-detail{display: none;}
		/*弹出层*/
		.modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;font-size:14px;display: none;}
		.modal{width: 100%;height: 100%;background: rgba(0,0,0,.4)}
		.modal-content{position: absolute;left: 50%;top: 50%;padding-top: 40px; width: 500px;background: #fff; transform: translate(-50%,-50%);}	
		.modal-title{position: absolute;top: 0;left: 0;padding-left: 20px; width: 100%;height: 40px;line-height: 40px;background: #eee;box-sizing: border-box;}	
		.modal-title em{width: 40px;height: 40px;text-align: center;font-size: 20px;cursor: pointer;}
		.model-score{text-align: center;margin:30px 0;}
		.model-score input{padding-left: 5px; height: 30px;width: 230px;border:1px solid #ccc;outline: none;}
		.model-score input:focus{border-color: #50d2c2;box-shadow: 0 0 5px #50d2c2;}
		.modal-btn{text-align: center;margin:10px 0;}
		.modal-btn a{display: inline-block;margin:0 5px; width: 100px; line-height: 40px;background: #50d2c2;color: #fff;}
	</style>
	<script type="text/javascript">
		$(function(){
			/* 点击展开试题解析*/
			$("body").delegate('.words', 'click', function(event) {
				$(this).parent(".topic-content").siblings('.topic-detail').slideToggle();
			});

			/*修改分数*/
			// $("body").delegate('.change-score', 'click', function(event) {
			// 	$(this).closest(".controls").siblings(".words").find("input").attr("disabled",false).focus();
			// })

			// $("body").delegate('.answer-btn a', 'click', function(event) {
			// 	$(this).closest('.answer-btn').prev(".answer-tit").find("input").attr("disabled",false).focus();
			// });
			
			// $("body").delegate('.words input,.right-answer', 'keyup', function(event) {
			// 	if($(this).is(".words input")){
			// 		$(this).val($(this).val().replace(/[^0-9]/g,""));
			// 	}else{
			// 		$(this).val($(this).val().replace(/[^A-D]/g,""));
			// 	}
			// 	var testLength = $(this).val().length;
			// 	$(this).width(testLength*10 + "px");

			// 	if(event.keyCode == 13){
			// 		$(this).blur();
			// 		$(this).attr("disabled",true)
			// 	}
			// })

			
			/* 上移试题 */
			$("body").delegate('.topic .up', 'click', function(event) {
				var curTopic = $(this).closest(".topic");
				var prevTopic = curTopic.prev(".topic");

				curTopic.after(prevTopic);
				order();
			});
			/* 下移试题 */
			$("body").delegate('.topic .down', 'click', function(event) {
				var curTopic = $(this).closest(".topic");
				var nextTopic = curTopic.next(".topic");

				nextTopic.after(curTopic);
				order();
			});

			function order(){
				/*排序试题*/
				for(var i=0;i<$(".order").length;i++){
					$(".order").eq(i).html(i+1+"、")
				}
			}

			/* 修改分数弹层*/
			$(".close").click(function(event) {
				$(this).closest(".modal").fadeOut();
			});
			$(".change-score").click(function(){
				$(".modal").fadeIn();
			})
			$(".model-score input").keyup(function(){
				$(this).val($(this).val().replace(/[^0-9]/g,""));
			})
		})
	</script>
</head>
<body>
	<div class="choose-topic">
		<h3>一、选择题</h3>
	
		<!-- 选择题 答案一排 -->
		<div class="topic">
			<div class="topic-content clearfix">
				<div class="words fl">
					<span class="order">1.</span><span class="score">（<input type="text" value="60" disabled />分）</span>已知集合A={x∈N|x＜6}，则下sbsbsb错误的是，则下列关系式错误的是，则下列关系式错误的是(     )
				</div>
				<div class="controls fr clearfix">
					<a href="javascript:;" class="fr up">上移</a>
					<a href="javascript:;" class="fr down">下移</a>
					<a href="javascript:;" class="fr change-score">修改分数</a>
				</div>
			</div>
			<div class="topic-detail">
				<ul class="options clearfix">
					<li class="listType_1 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_1 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_1 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_1 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					
				</ul>
				
				<div class="topic-answer clearfix">
					<div class="fl answer-tit">
						试题答案：<input type="text" value="A" class="right-answer" disabled="">
					</div>
					<!-- <div class="fr answer-btn clearfix">
						<a href="javascript:;" class="fr">修改答案</a>
					</div> -->
				</div>
				<div class="topic-explain">
					试题解析：
					<p style="">明确集合A中元素上属性，利用列举法将集合A 表示出来，然后选择．</p><p style="">解：由题意，A={0，1，2，3，4，5}，故选D．</p>
				</div>
			</div>
		</div>
		<!-- 选择题 答案两排 -->
		<div class="topic">
			<div class="topic-content clearfix">
				<div class="words fl">
					<span class="order">2.</span><span class="score">（<input type="text" value="60" disabled />分）</span>已知集合A={x∈N|x＜6}，则下列关系式错误的A={x∈N|x＜6}2222222222222222222222222222222(     )
				</div>
				<div class="controls fr clearfix">
					<a href="javascript:;" class="fr up">上移</a>
					<a href="javascript:;" class="fr down">下移</a>
					<a href="javascript:;" class="fr change-score">修改分数</a>
				</div>
			</div>
			<div class="topic-detail">
				<ul class="options clearfix">
					<li class="listType_2 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_2 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_2 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_2 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					
				</ul>
				
				<div class="topic-answer clearfix">
					<div class="fl answer-tit">
						试题答案：<input type="text" value="A" class="right-answer" disabled="">
					</div>
					<!-- <div class="fr answer-btn clearfix">
						<a href="javascript:;" class="fr">修改答案</a>
					</div> -->
				</div>
				<div class="topic-explain">
					试题解析：
					<p style="">明确集合A中元素上属性，利用列举法将集合A 表示出来，然后选择．</p><p style="">解：由题意，A={0，1，2，3，4，5}，故选D．</p>
				</div>
			</div>
		</div>
		<!-- 选择题 答案四排 -->
		<div class="topic">
			<div class="topic-content clearfix">
				<div class="words fl">
					<span class="order">3.</span><span class="score">（<input type="text" value="60" disabled />分）</span>已知集合A={x∈N|x＜6}，则下列关系式错误的A={x∈N|x＜6}3333333333333333333333333333333333333333333333333333333(     )
				</div>
				<div class="controls fr clearfix">
					<a href="javascript:;" class="fr up">上移</a>
					<a href="javascript:;" class="fr down">下移</a>
					<a href="javascript:;" class="fr change-score">修改分数</a>
				</div>
			</div>
			<div class="topic-detail">
				<ul class="options clearfix">
					<li class="listType_3 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_3 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_3 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					<li class="listType_3 fl">
						<p><img width="125" height="20" src="http://mtstatic.dev.xueping.com/dpi600/90/90e3ef7645fcc9daa6b5e1a0f2e67c7e.gif?2\sqrt%203%20%20\in%20\left\{%20{x\left|%20{x%20\leqslant%203}%20\right.}%20\right\}" class="gsImgLatex mathType" style="vertical-align: middle;"></p>
					</li>
					
				</ul>
				
				<div class="topic-answer clearfix">
					<div class="fl answer-tit">
						试题答案：<input type="text" value="A" class="right-answer" disabled="">
					</div>
					<!-- <div class="fr answer-btn clearfix">
						<a href="javascript:;" class="fr">修改答案</a>
					</div> -->
				</div>
				<div class="topic-explain">
					试题解析：
					<p style="">明确集合A中元素上属性，利用列举法将集合A 表示出来，然后选择．</p><p style="">解：由题意，A={0，1，2，3，4，5}，故选D．</p>
				</div>
			</div>
		</div>
	</div>

	<div class="filling-topic">
		<h3>二、填空题</h3>
	
		<!-- 填空题 -->
		<div class="topic">
			<div class="topic-content clearfix">
				<div class="words fl">
					<span class="order">4.</span><span class="score">（<input type="text" value="60" disabled />分）</span>已知集合A={x∈N|x＜6}，则下列关系式错误的A={x∈N|x＜6}4444444444444444444444444444444444444444444444444444444444444444444(     )
				</div>
				<div class="controls fr clearfix">
					<a href="javascript:;" class="fr up">上移</a>
					<a href="javascript:;" class="fr down">下移</a>
					<a href="javascript:;" class="fr change-score">修改分数</a>
				</div>
			</div>
			<div class="topic-detail">
				<div class="topic-answer clearfix">
					<div class="fl answer-tit">
						试题答案：<p>大傻叉</p>
					</div>
					<!-- <div class="fr answer-btn clearfix">
						<a href="javascript:;" class="fr">修改答案</a>
					</div> -->
				</div>
				<div class="topic-explain">
					试题解析：
					<p style="">明确集合A中元素上属性，利用列举法将集合A 表示出来，然后选择．</p><p style="">解：由题意，A={0，1，2，3，4，5}，故选D．</p>
				</div>
			</div>
		</div>
	</div>

	<div class="answer-topic">
		<h3>三、解答题</h3>
	
		<!-- 解答题 -->
		<div class="topic">
			<div class="topic-content clearfix">
				<div class="words fl">
					<span class="order">5.</span><span class="score">（<input type="text" value="60" disabled />分）</span>已知集合A={x∈N|x＜6}，则下列关系式错误的A={x∈N|x＜6}55555555555555555555555555555555555555555555555555555555555(     )
				</div>
				<div class="controls fr clearfix">
					<a href="javascript:;" class="fr up">上移</a>
					<a href="javascript:;" class="fr down">下移</a>
					<a href="javascript:;" class="fr change-score">修改分数</a>
				</div>
			</div>
			<div class="topic-detail">
				<div class="topic-answer clearfix">
					<div class="fl answer-tit">
						试题答案：<p>大傻叉</p>
					</div>
					<!-- <div class="fr answer-btn clearfix">
						<a href="javascript:;" class="fr">修改答案</a>
					</div> -->
				</div>
				<div class="topic-explain">
					试题解析：
					<p style="">明确集合A中元素上属性，利用列举法将集合A 表示出来，然后选择．</p><p style="">解：由题意，A={0，1，2，3，4，5}，故选D．</p>
				</div>
			</div>
		</div>
	</div>

	<!-- 修改分数弹窗 -->
	<div class="modal">
		<div class="modal-shadow"></div>
		<div class="modal-content">
			<div class="modal-title clearfix">
				修改试题分数<em class="fr close">×</em>
			</div>
			<div class="model-score">
				请输入修改后的分数：<input type="text">
			</div>
			<div class="modal-btn">
				<a href="javascript:;" class="close">确定</a>
				<a href="javascript:;" class="close">取消</a>
			</div>
		</div>
	</div>
</body>
</html>