master

分支 (1)

管理

管理

master

tencent_map_demo
/
result.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>预测结果</title>
<link type="text/css" rel="stylesheet" href="css/style.css">
</head>

<body class="back">

	<ul class="for_ul clearfix">
        <li><a href="javascript:;" class="for">预测结果</a></li>
    	<li><a href="javascript:;" class="for_one">基础信息</a></li>
        <li><a href="javascript:;" class="for_one">土壤养分</a></li>
        <li><a href="javascript:;" class="for_two">配方条件</a></li>
    </ul>

    <div class="shifei_box" style="display:block;">
     <div class="result">
        <dl>
        <dt>改良利用措施</dt>
        <dd>
            <p>改良利用措施改良利用措施改良利用措施改良利用措施</p>
            <p>改良利用措施改良利用措施改良利用措施</p>
            <p>改良利用措施改良利用措施</p>
            <p>改良利用措施</p>
        </dd>
        </dl>

        <dl>
            <dt>施肥建议</dt>
            <dd></dd>
        </dl>

        <dl>
            <dt>施肥方法</dt>
            <dd></dd>
        </dl>
    </div>
    </div>

    <div class="shifei_box">
    	<ul class="que_ul fore_ul">
            <li class="clearfix">
                <span class="que_left">经度</span>
                <span class="que_right">700.7653</span>
            </li>

            <li class="clearfix">
                <span class="que_left">土壤类型</span>
                <span class="que_right">水稻土-淹育型-沙泥型-山
    沙泥田</span>
            </li>

            <li class="clearfix">
                <span class="que_left">所属区域</span>
                <span class="que_right">勐海线勐海镇曼袄村民居委会</span>
            </li>
    	</ul>
    </div>
    <div class="shifei_box">
    	<ul class="que_ul fore_ul">
            <li class="clearfix">
                <span class="que_left">经度</span>
                <span class="que_right">700.7653</span>
            </li>
            <li class="clearfix">
                <span class="que_left">经度</span>
                <span class="que_right">700.7653</span>
            </li>
            <li class="clearfix">
                <span class="que_left">经度</span>
                <span class="que_right">700.7653</span>
            </li>
            <li class="clearfix">
                <span class="que_left">经度</span>
                <span class="que_right">700.7653</span>
            </li>

    	</ul>
    </div>
    <div class="shifei_box">
    	<ul class="que_ul fore_ul">
            <li class="clearfix">
                <span class="que_left">经度</span>
                <span class="que_right">700.7653</span>
            </li>

            <li class="clearfix">
                <span class="que_left">土壤类型</span>
                <span class="que_right">水稻土-淹育型-沙泥型-山
    沙泥田</span>
            </li>

            <li class="clearfix">
                <span class="que_left">所属区域</span>
                <span class="que_right">勐海线勐海镇曼袄村民居委会</span>
            </li>
    	</ul>
    </div>


</body>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script>
$(function(){
	$('.for_ul a').click(function(){
		$('.for_ul a').removeClass('for')
		$('.shifei_box').hide()
		var index=$('.for_ul a').index(this);
		$('.for_ul a').eq(index).addClass('for')
		$('.shifei_box').eq(index).show()
	})
})
</script>
</html>