smartfarm
/
index.html

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<META HTTP-EQUIV="pragma" CONTENT="no-cache">
		<title>智慧农业示范农场</title>
		<style>
		*{
			margin:0;
			padding:0;
			list-style:none;
			}

		.wrap{
			/* border: 1px solid #000; */
			position: absolute;
			height:230px;
			width:350px;
			/* margin:0px auto; */
			margin-top:60px;
			overflow: hidden;

			/* margin:100px auto; */
			}
		.wrap ul{
			position:absolute;
			}
		.wrap ul li{
			height:170px;
			}
		.wrap ol{
			/* border: 1px solid blue; */
			position:absolute;
			right:20px;
			bottom:10px;
			}
		.wrap ol li{
			height:13px;
			width: 13px;
			background:#ccc;
			border:solid 1px #666;
			margin-left:5px;
			font-size: 0.1px;
			color:rgba(0, 0, 0, 0.001);
			float:left;
			border-radius: 50%;
			/* -webkit-font-smoothing: antialiased; */
			line-height:center;
			text-align:center;
			cursor:pointer;
			}

		.wrap ol .on{
			background:#FFF;
			color:#fff;
			}

		#school_work{
			/* border: 1px solid yellow; */
			position: absolute;
			width: 480px;
			height: 180px;
			margin-left: 400px;
			margin-top: 60px;
		}
		#articles{
			/* border: 1px solid #000; */
		}
		#articles li a:hover{
			color: #177EC1;
		}
		</style>

		<link rel="stylesheet" href="css/style1.css" type="text/css" media="all" />
		<link rel="shortcut icon" href="images/06.jpg"/>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" src="js/jquery.event.drag-1.5.min.js"></script>
		<script type="text/javascript" src="js/jquery.touchSlider.js"></script>
		<script type="text/javascript" src="js/js_z.js"></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
		<!-- 图片轮播 -->
		<script type="text/javascript">
			window.onload=function(){
			var wrap=document.getElementById('wrap'),
			pic=document.getElementById('pic').getElementsByTagName("li"),
			list=document.getElementById('list').getElementsByTagName('li'),
			index=0,
			timer=null;

			// 定义并调用自动播放函数
			timer = setInterval(autoPlay, 2000);

			// 鼠标划过整个容器时停止自动播放
			wrap.onmouseover = function () {
			clearInterval(timer);
			}

			// 鼠标离开整个容器时继续播放至下一张
			wrap.onmouseout = function () {
			timer = setInterval(autoPlay, 2000);
			}
			// 遍历所有数字导航实现划过切换至对应的图片
			for (var i = 0; i < list.length; i++) {
			list[i].onmouseover = function () {
			clearInterval(timer);
			index = this.innerText - 1;
			changePic(index);
			};
			};

			function autoPlay () {
			if (++index >= pic.length) index = 0;
			changePic(index);
			}

			// 定义图片切换函数
			function changePic (curIndex) {
			for (var i = 0; i < pic.length; ++i) {
			pic[i].style.display = "none";
			list[i].className = "";
			}
			pic[curIndex].style.display = "block";
			list[curIndex].className = "on";
			}

			};

		</script>

		<script type="text/javascript">
$(document).ready(function(){

	$(".main_visual").hover(function(){
		$("#btn_prev,#btn_next").fadeIn()
	},function(){
		$("#btn_prev,#btn_next").fadeOut()
	});

	$dragBln = false;

	$(".main_image").touchSlider({
		flexible : true,
		speed : 200,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".flicking_con a"),
		counter : function (e){
			$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
		}
	});

	$(".main_image").bind("mousedown", function() {
		$dragBln = false;
	});

	$(".main_image").bind("dragstart", function() {
		$dragBln = true;
	});

	$(".main_image a").click(function(){
		if($dragBln) {
			return false;
		}
	});

	timer = setInterval(function(){
		$("#btn_next").click();
	}, 5000);

	$(".main_visual").hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		},5000);
	});

	$(".main_image").bind("touchstart",function(){
		clearInterval(timer);
	}).bind("touchend", function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		}, 5000);
	});

});
</script>
	</head>

	<body>
	<!--头部-->
	<div class="header">
		<div class="top_logo">
			<div class="wid_main fix">
		    	<a href="/"><img style="height: 130px; margin-top: -13px;" src="images/30.jpg"/></a>
				<!-- <img src="images/06.jpg" style="height: 110px; margin-top: 20px;" class="xgzx"/> -->
			</div>
		</div>
	</div>

	<!--二级横向菜单-->
<!-- {template 'content', 'header'} -->
	<!--二级横向菜单结束-->
	<div class="menu clearfix" style="margin-top: 0px;">
	    <div class="center">
	        <ul class="ul-list">
	            <li><a href="index.html">首页</a></li>
	            <li><span></span>
	                <a href="index.html">农场简介</a>
	                <ol class="ol-list">
	                    <li><a href="index.html">农场建设</a></li>
	                    <li><a href="index.html">机构设置</a></li>
	                </ol>
	            </li>
	            <li><span></span>
	                <a href="index.html">农管平台</a>
	                <ol class="ol-list">
	                    <li><a href="http://121.4.179.151/tkxx/index.html">田块信息管理平台</a></li>
	                    <li><a href="http://gcnygkjyq.xfele.net/user/index.php">农业设施管控平台</a></li>
						<li><a href="http://211.68.191.30:8090/vgbd/anaylsis/">农业大数据调度平台</a></li>
						<li><a href="http://121.4.179.151/tkxx/index.html">农产品销售溯源平台</a></li>
	                </ol>
	            </li>
	            <li>
	                <a href="index.html">农资商城</a>
	            </li>
	            <li>
	                <a href="index.html">联系帮助</a>
	            </li>
	        </ul>
	    </div>
	</div>


	<div id="index1-div2" class="clearfix">

			<!--新闻动态-->
			<div class="item col4" style="height: 50px;">
				<div class="itemTit" >

					<h3>农场新闻</h3>
					<div id="wrap" class="wrap" >
						<ul id="pic">
							<li><img src="images/a5.jpg" ></li>
							<li><img src="images/a6.jpg" ></li>
							<li><img src="images/a4.jpg" ></li>
						</ul>
						<ol id="list">
							<li class="on">1</li>
							<li>2</li>
							<li>3</li>
						</ol>
					</div>
	<!--
					<a href="{$CATEGORYS[29]['url']}" class="" style="color: #bbb;font-size: 12px;line-height: 48px; float: left;margin-left: 280px;">更多</a>
	-->
					<h3 style="margin-left: 340px;">农场动态</h3>
					<a href="index.html" class="itemMore">更多</a>
					<div id="school_work">
						<ul id="articles">
							<li>
								<span>01-17</span>
								<a href="index.html">智慧农业示范农场建设表彰大会</a>
							</li>

						</ul>
					</div>

			</div>
				<div class="itemCon indexNews clearfix">
					<!-- {template 'content', 'listLunBo'} -->
					<div class="textNews fr">
						<ul>
							<!-- {pc:content action="lists" catid="16" num="9" order="inputtime DESC" }
								{loop $data $r} -->
							<li class="clearfix">
								<span><!-- {date('m-d',$r[inputtime])} --></span>
								<a href="{$r[url]}"><!-- {$r[title]} --></a>
							</li>
							<!-- {/loop}
						{/pc} -->
						</ul>
					</div>
				</div>
			</div>

			<div class="index1-right300">
				<div class="index1-list-menu">
					<div class="title-box"><h3>管理系统</h3></div>
					<ul>
						 <li><a href="http://121.4.179.151/tkxx/index.html">田块信息管理平台</a></li>
	                    <li><a href="http://gcnygkjyq.xfele.net/user/index.php">农业设施管控平台</a></li>
						<li><a href="http://211.68.191.30:8090/vgbd/anaylsis/">农业大数据调度平台</a></li>
						<li><a href="http://121.4.179.151/tkxx/index.html">农产品销售溯源平台</a></li>

					</ul>
				</div>
			</div>
	</div>
	<!-- index1-div2 -->
	<div id="index1-div2" class="clearfix">

			<div class="index1-left675">

				<!--标语结束-->
				<div class="index1-li-box">
					<div class="index1-left330">
						<div class="title-box" ><h3>通知公告</h3><a href="ceshi_list.html" class="itemMore" title="查看更多">更多</a></div>
						<ul>
							<!-- {pc:content action="lists" catid="19" num="5" order="inputtime DESC" }
								{loop $data $r} -->
									<li><a href="index.html">通知<span>01-17</span></li>

								<!-- {/loop}
						{/pc} -->
						</ul>
					</div>

					<div class="index1-left330">
						<div class="title-box"><h3>制度管理</h3><a href="ceshi_list.html" class="itemMore" title="查看更多">更多</a></div>
						<ul>
							<!-- {pc:content action="lists" catid="20" num="5" order="inputtime DESC" }
								{loop $data $r} -->
									<li><a href="index.html">制度</a><span>01-17</span></li>
									<!--
								{/loop}
						{/pc} -->
						</ul>
					</div>

					<div class="index1-right330">
						<div class="title-box"><h3>农业专家</h3><a href="ceshi_list.html" class="itemMore" title="查看更多">更多</a></div>
						<ul>
							<!-- {pc:content action="lists" catid="23" num="5" order="inputtime DESC" }
								{loop $data $r} -->
									<li><a href="index.html">专家</a><span>01-17</span></li>

								<!-- {/loop}
						{/pc} -->
						</ul>
					</div>

				</div>

				<div class="index1-li-box">
					<div class="index1-left330">
						<div class="title-box"><h3>农业资讯</h3><a href="ceshi_list.html" class="itemMore" title="查看更多">更多</a></div>
						<ul>
							<!-- {pc:content action="lists" catid="21" num="5" order="inputtime DESC" }
								{loop $data $r} -->
									<li><a href="index.html">资讯</a><span>01-17</span></li>

								<!-- {/loop}
						{/pc} -->
						</ul>
					</div>
					<div class="index1-left330">
						<div class="title-box"><h3>培训服务</h3><a href="ceshi_list.html" class="itemMore" title="查看更多">更多</a></div>
						<ul>
							<!-- {pc:content action="lists" catid="24" num="5" order="inputtime DESC" }
								{loop $data $r} -->
									<li><a href="index.html">培训</a><span>01-17</span></li>

								<!-- {/loop}
						{/pc} -->
						</ul>
					</div>
					<div class="index1-right330">
						<div class="title-box"><h3>益农服务</h3><a href="ceshi_list.html" class="itemMore" title="查看更多">更多</a></div>
						<ul>
							<!-- {pc:content action="lists" catid="22" num="5" order="inputtime DESC" }
								{loop $data $r} -->
									<li><a href="index.html">益农</a><span>01-17</span></li>

								<!-- {/loop}
						{/pc} -->
						</ul>
					</div>
				</div>
			</div>
		</div>
	<!-- div5 -->
	<div id="div5" class="clearfix">
			<div class="link-box">
				<span>友情链接：</span>
				<!-- <span class="select-link"><a href="http://dxs.moe.gov.cn/zx/" target="_blank">中国大学生在线</a></span>
				<span class="select-link"><a href="https://www.gfbzb.gov.cn/" target="_blank">全国征兵网</a></span>
				<span class="select-link"><a href="https://qgxl.youth.cn/index/index" target="_blank">中华全国学生联合会</a></span>
				<span class="select-link"><a href="https://xszz.chsi.com.cn/" target="_blank">全国高校学生资助信息平台</a></span> -->
				<span class="select-link"><a href="#" target="_blank">农业农村部</a></span>
				<span class="select-link"><a href="#" target="_blank">农业农村厅</a></span>
				<span class="select-link"><a href="#" target="_blank">农业农村局</a></span>
			</div>
		</div>
	<div id="footer">
			<div id="div6">
				Copyright &copy; 2021 智慧农业示范农场 All rights reserved.
			</div>
			<div id="div7">
				<span>地址：河北省</span>
				<span>联系电话：13903120831</span>
				<span>工作邮箱：13903120861@163.com</span>
			</div>
		</div>


	<script src="js/main.js"></script>
	<script src="js/unslider.min.js"></script>
	<script type="text/javascript">
	jQuery(".slideCase03").slide({titCell:".hd03 ul",mainCell:".bd03 ul",autoPage:true,effect:"top",autoPlay:true,vis:3});
	$(function(){

		//动态新闻焦点图片
		var focus = $('.focus');
		var focusLi = $('.focus').find('li');
		var fCount = focusLi.length;
		var fNum = 0;
		var timer = null;

		for(var i=0;i<fCount;i++){
			var dot = '<span></span>';
			$('.dots').append(dot);
		}
		function focusMove(){
			focusLi.eq(fNum).fadeIn().siblings().fadeOut();
			$('.dots').find('span').eq(fNum).addClass('active').siblings().removeClass('active');
		}
		focusMove();
		$('.dots').on('click','span',function(){
			fNum = $(this).index();
			focusMove();
		});
		timer = setInterval(function(){
			fNum++;
			fNum%= fCount;
			focusMove();
		},5000);


		//仪器设备图片切换
		var equ = $('.equipment');
		var equUl = equ.find('ul');
		var equLi = equUl.find('li');
		var equCount = equLi.length;
		var equPrev = $('.equPrev');
		var equNext = $('.equNext');
		var equMax = 5;
		var space = 236;
		var equNum = 0;

		equUl.width(space*equCount);
		if(equCount>equMax){
			equNext.show();
		}
		function equMove(){
			if(!equUl.is(':animated')){
				equUl.animate({left:-space*equNum},400);
			}
		}
		equNext.on('click',function(){
			if(equNum==equCount-equMax){
				equNext.hide();
				return false;
			}else{
				equNum++;
			}
			equMove();
			equPrev.show();
		});
		equPrev.on('click',function(){
			if(equNum==0){
				equPrev.hide();
				return false;
			}else{
				equNum--;
			}
			equMove();
			equNext.show();
		});
	});
	</script>
	</body>
</html>