<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>/9，计时：<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="1"/>A、豪门小姐或富家公子</p>
    <p class="item"><input type="radio" name="i1" value="5"/>B、可爱聪明的人</p>
    <p class="item"><input type="radio" name="i1" value="4"/>C、拥有神秘身份的人</p>
    <p class="item"><input type="radio" name="i1" value="2"/>D、可怜的人</p>
    <p class="item"><input type="radio" name="i1" value="3"/>E、杀手</p>
</div>

<div class="question">
    <p class="q_title">2、你会为自己选择什么样的武器</p>
    <p class="item"><input type="radio" name="i2" value="5"/>A、剑</p>
    <p class="item"><input type="radio" name="i2" value="4"/>B、刀</p>
    <p class="item"><input type="radio" name="i2" value="3"/>C、独门武器</p>
    <p class="item"><input type="radio" name="i2" value="2"/>D、空手不用武器</p>
    <p class="item"><input type="radio" name="i2" value="1"/>E、暗器</p>
</div>

<div class="question">
    <p class="q_title">3、你希望首次出场是在……？</p>
    <p class="item"><input type="radio" name="i3" value="2"/>A、伸手不见五指的黑夜中</p>
    <p class="item"><input type="radio" name="i3" value="3"/>B、漫天飘雪的荒漠中</p>
    <p class="item"><input type="radio" name="i3" value="5"/>C、烟花三月的江南风光中</p>
    <p class="item"><input type="radio" name="i3" value="1"/>D、人龙混杂的酒馆里</p>
    <p class="item"><input type="radio" name="i3" value="4"/>E、阳光灿烂的草原上</p>
</div>

<div class="question">
    <p class="q_title">4、你认为女人或男人最重要的是……？</p>
    <p class="item"><input type="radio" name="i4" value="3"/>A、智慧</p>
    <p class="item"><input type="radio" name="i4" value="2"/>B、相貌</p>
    <p class="item"><input type="radio" name="i4" value="5"/>C、气质</p>
    <p class="item"><input type="radio" name="i4" value="1"/>D、勇气</p>
    <p class="item"><input type="radio" name="i4" value="4"/>E、才华</p>
</div>

<div class="question">
    <p class="q_title">5、更向往哪种生活？</p>
    <p class="item"><input type="radio" name="i5" value="1"/>A、候门有女初长成，养在深闺人未识/深锁高墙内的豪门公子</p>
    <p class="item"><input type="radio" name="i5" value="3"/>B、一箫一剑走江湖，千古情愁酒一壶</p>
    <p class="item"><input type="radio" name="i5" value="5"/>C、采菊东篱下，悠然见南山</p>
    <p class="item"><input type="radio" name="i5" value="2"/>D、柴米油盐酱醋茶</p>
    <p class="item"><input type="radio" name="i5" value="4"/>E、先天下之忧而忧，后天下之乐而乐</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="3"/>B、糖果</p>
    <p class="item"><input type="radio" name="i6" value="5"/>C、茶水</p>
    <p class="item"><input type="radio" name="i6" value="2"/>D、白水</p>
    <p class="item"><input type="radio" name="i6" value="4"/>E、辣椒水</p>
</div>

<div class="question">
    <p class="q_title">7、你最向往的爱情情景是</p>
    <p class="item"><input type="radio" name="i7" value="5"/>A、神仙侠侣的日子</p>
    <p class="item"><input type="radio" name="i7" value="4"/>B、烛畔鬓云有旧盟</p>
    <p class="item"><input type="radio" name="i7" value="3"/>C、一起慢慢变老</p>
    <p class="item"><input type="radio" name="i7" value="2"/>D、越吵越甜蜜</p>
    <p class="item"><input type="radio" name="i7" value="1"/>E、对方为了自己甘愿牺牲</p>
</div>

<div class="question">
    <p class="q_title">8、一定要牺牲的话，你最大限度能够牺牲自己的…</p>
    <p class="item"><input type="radio" name="i8" value="3"/>A、容貌</p>
    <p class="item"><input type="radio" name="i8" value="4"/>B、武功</p>
    <p class="item"><input type="radio" name="i8" value="1"/>C、钱财</p>
    <p class="item"><input type="radio" name="i8" value="2"/>D、身份</p>
    <p class="item"><input type="radio" name="i8" value="5"/>E、尊严</p>
</div>

<div class="question">
    <p class="q_title">9.喜欢下列哪一种颜色搭配</p>
    <p class="last_item"><input type="radio" name="i9" value="5"/>A、红黑</p>
    <p class="last_item"><input type="radio" name="i9" value="4"/>B、黑白</p>
    <p class="last_item"><input type="radio" name="i9" value="2"/>C、黑粉</p>
    <p class="last_item"><input type="radio" name="i9" value="1"/>D、蓝白</p>
    <p class="last_item"><input type="radio" name="i9" value="3"/>E、金灰</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 i9_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(i9_ischecked==0)
		{
			current_i++;
			$('#count').html(current_i);
		}
		i9_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(i9_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>