<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style>
.main_l .content{ margin:10px auto; width:480px; text-align:left; margin-bottom:50px}
.main_l .content .question{padding:10px 0; display:none;}
.main_l .content .q_title{ margin-bottom:30px;color:#27F;}
.main_l .item,.content .last_item{ font-size:15px; padding:5px 12px;line-height:28px; background:#f8f8f8; border:1px solid #ddd; margin-bottom:15px; cursor:pointer; color:#565656}
.content .item:hover,.content .last_item:hover{background:#eee; border:1px solid #ddd;}
</style>
<p style="color:#F06; line-height:30px; text-align:center; margin:20px;">已完成：<span id="count">0</span>/10，计时：<span id="show_time">0</span> 秒</p>
<div class="content">
<form action="./" method="post" id="form1" name="form1">
<input type="hidden" id="v_time" name="v_time" />
<input type="hidden" id="follow" name="follow" />


<div class="question" style="display:block">
    <p class="q_title">1、当一位经常向别人借东西不还的朋友，提出向你借摄影器材的时候，你会：  </p>
    <p class="item"><input type="radio" name="i1" value="2"/>A、很痛快地借给他（她）。</p>
    <p class="item"><input type="radio" name="i1" value="1"/>B、告诉他你的摄影器材坏了。</p>
    <p class="item"><input type="radio" name="i1" value="3"/>C、在讲清原因以后，拒绝借给他（她）。</p>
</div>

<div class="question">
    <p class="q_title">2、你认为一个真正的朋友应该是：</p>
    <p class="item"><input type="radio" name="i2" value="1"/>A、将一切事情告诉你，不应对你有所隐瞒。</p>
    <p class="item"><input type="radio" name="i2" value="3"/>B、只告诉你你想知道的事情。</p>
    <p class="item"><input type="radio" name="i2" value="2"/>C、常会保留他（她）自己的秘密。</p>
</div>

<div class="question">
    <p class="q_title">3、你得知了你朋友的一个隐私，这个隐私会使你的朋友很尴尬，但它确实很有趣，你会：</p>
    <p class="item"><input type="radio" name="i3" value="1"/>A、凡是你认识的人，你都会原原本本地讲给他们听。</p>
    <p class="item"><input type="radio" name="i3" value="2"/>B、会把这个故事讲给一些人听，但是隐去了姓名。</p>
    <p class="item"><input type="radio" name="i3" value="3"/>C、虽然很有趣，但还是会为朋友保守这个隐私。</p>
</div>

<div class="question">
    <p class="q_title">4、在你的朋友圈中，他（她）们都是：</p>
    <p class="item"><input type="radio" name="i4" value="2"/>A、比你有能力，无论从天份或才能上都高于你。</p>
    <p class="item"><input type="radio" name="i4" value="1"/>B、他（她）们的各种能力都不如你。</p>
    <p class="item"><input type="radio" name="i4" value="3"/>C、他（她）们的综合能力和你差不多。</p>
</div>

<div class="question">
    <p class="q_title">5、你很好的朋友将你的电脑弄坏了,你会：</p>
    <p class="item"><input type="radio" name="i5" value="3"/>A、没关系要换一台新的。</p>
    <p class="item"><input type="radio" name="i5" value="2"/>B、请朋友赔偿你的损失。</p>
    <p class="item"><input type="radio" name="i5" value="1"/>C、在批评朋友的冒失以后，拒绝朋友的赔偿。</p>
</div>

<div class="question">
    <p class="q_title">6、 你很想向你的一位朋友借用一下摄影机，你会：</p>
    <p class="item"><input type="radio" name="i6" value="1"/>A、暗示给朋友。</p>
    <p class="item"><input type="radio" name="i6" value="2"/>B、直接告诉朋友你的需要。</p>
    <p class="item"><input type="radio" name="i6" value="3"/>C、咬牙自己攒钱买，不向别人借。 </p>
</div>

<div class="question">
    <p class="q_title">7、在知道你的好朋友正在招惹麻烦的时候，你会：</p>
    <p class="item"><input type="radio" name="i7" value="1"/>A、毅然决然与其断交，不想卷入麻烦中去。</p>
    <p class="item"><input type="radio" name="i7" value="3"/>B、以好朋友的身份和对方谈谈，为其找出解决问题的方法。</p>
    <p class="item"><input type="radio" name="i7" value="2"/>C、装做不知道，一切照往常一样。</p>
</div>

<div class="question">
    <p class="q_title">8、当你的朋友穿着一件不太和体的衣服时，你会：</p>
    <p class="item"><input type="radio" name="i8" value="1"/>A、以欣赏的口气对朋友说这件衣服很漂亮。</p>
    <p class="item"><input type="radio" name="i8" value="2"/>B、实事求是地告诉朋友，你并不喜欢。 </p>
    <p class="item"><input type="radio" name="i8" value="3"/>C、不做任何表态。 </p>
</div>

<div class="question">
    <p class="q_title">9、你有一位好朋友，参加了一个古怪的聚会，接下来你会：</p>
    <p class="item"><input type="radio" name="i9" value="2"/>A、躲避这个朋友，试图逐渐冷淡对方。  </p>
    <p class="item"><input type="radio" name="i9" value="3"/>B、不会说什么，继续你们的朋友关系。</p>
    <p class="item"><input type="radio" name="i9" value="1"/>C、一定讲清楚，若对方执意和那些人交往，你宁愿失去这个朋友。</p>
</div>

<div class="question">
    <p class="q_title">10、一位非常亲近的老朋友需要钱，而你又有能力给对方，你会：</p>
    <p class="last_item"><input type="radio" name="i10" value="2"/>A、很高兴帮助你的朋友。</p>
    <p class="last_item"><input type="radio" name="i10" value="3"/>B、比起你对我的帮助，这点小事实在是微不足道。</p>
    <p class="last_item"><input type="radio" name="i10" value="1"/>C、拿去吧，这点钱本来就应是你的，以后好自为之吧。</p>

    <p style="text-align:center; margin-top:30px;">
    <a href="#" onclick="on_submit(); return false;"><img src="http://app.qpic.cn/mblogpic/05f902135224a3463866/2000" /></a>
    </p>
</div>
</form>
</div><!--/content-->

<script>
var v_time=0;
var current_i=0;
var i10_ischecked=0;
$(function()
{
	$('.item').click(function()
	{
		
		$(this).children('input').attr('checked',true);
		current_i++;
		$('#count').html(current_i);
		$(this).parent('.question').hide(300);
		$(this).parent('.question').next().show(300);
	});
	$('.item').hover(function(){$(this).css('background','#eee');},function(){$(this).css('background','#f8f8f8');});
	
	$('.last_item').click(function()
	{
		$(this).children('input').attr('checked',true);
		if(i10_ischecked==0)
		{
			current_i++;
			$('#count').html(current_i);
		}
		i10_ischecked=1;
	});
	$('.last_item').hover(function(){$(this).css('background','#eee');},function(){$(this).css('background','#f8f8f8');});

});
function on_submit()
{
	document.getElementById('v_time').value=v_time;
	if(i10_ischecked==0)
	{
		alert('请选择一项！');
		return;
	}
	var form1=document.getElementById('form1');
	form1.submit();
}

function show_time()
{
	v_time++;
	document.getElementById('show_time').innerHTML=v_time;
	r_show_time();
}
function r_show_time()
{
	setTimeout("show_time()", 1000);
}
setTimeout("show_time()", 1000);
</script>