test/free-technological-management/WebRoot/TechnologyMarket/index.html

<%var cssPar = {%>

<%};%>

<%var jsPar = {%>

<%};%>

<%layout("/TechnologyMarket/commonPage/_layout.html", {nav:"",meunsel:"indexpage",jsParam:jsPar,cssParam:cssPar}) {%>
	<div id="nav">
		<div class="conent_na">
			<div class="quanbu"><a href="javascript:volid(0)" class="se">服务分类</a><a href="javascript:volid(0)" style="background:url(${contextPath}/TechnologyMarket/image/xiala1.jpg) #af1414 no-repeat 150px; display:none" class="sc">展开服务</a></div>
			<ul>
				<li><a href="${contextPath}/technologyMarket/toTechnologyMarketPage" style="background:#af1414;">首    页</a></li>
				<li><a href="${contextPath}/technologyMarket/toAlliancePage">联盟介绍</a></li>
				<li><a href="${contextPath}/technologyMarket/toEnterprisePage?&pageNumber=1">企业概况</a></li>
				<li><a href="${contextPath}/technologyMarket/toComplaintPage">投诉监管</a></li>
			</ul>
		</div>
	</div>
	<div style="clear:both;"></div>
	<!--main-->
	<div id="main">
		<div class="left_lb">
			<div class="left_lbs">
				<div class="all-sort-list">
					<%for(productparenttype in productparenttypelist! ){%>
						<div class="item">
							<h3><div class="border"><a href="${contextPath}/technologyMarket/toProductTypePage?pageNumber=1&producttype=${productparenttype.code }">${productparenttype.name }</a></div></h3>
							<div class="item-list clearfix">
								<div class="close">x</div>
								<div class="subitem">
									<dl class="fore1">
										<dt>详细分类</dt>
										<dd>
											<%for(producttype in productlisttype! ){%>
												<%if(producttype.parentcode == productparenttype.code){%>
													<em><a href="${contextPath}/technologyMarket/toProductTypePage?pageNumber=1&producttype=${producttype.code }">${producttype.name }</a></em>
												<%}%>
											<%}%>
										</dd>
									</dl>
								</div>
							</div>
						</div>
					<%}%>
				 </div>
			        <script type="text/javascript">
					$('.all-sort-list > .item').hover(function(){
						var eq = $('.all-sort-list >.item').index(this),				//获取当前滑过是第几个元素
							h = $('.all-sort-list').offset().top,						//获取当前下拉菜单距离窗口多少像素
							s = $(window).scrollTop(),									//获取游览器滚动了多少高度
							i = $(this).offset().top,									//当前元素滑过距离窗口多少像素
							item = $(this).children('.item-list').height(),				//下拉菜单子类内容容器的高度
							sort = $('.all-sort-list').height();						//父类分类列表容器的高度
						
						if ( item < sort ){												//如果子类的高度小于父类的高度
							if ( eq == 0 ){
								$(this).children('.item-list').css('top', (i-h));
							} else {
								$(this).children('.item-list').css('top', (i-h));
							}
						} else {
							if ( s > h ) {												//判断子类的显示位置，如果滚动的高度大于所有分类列表容器的高度
								if ( i-s > 0 ){											//则 继续判断当前滑过容器的位置 是否有一半超出窗口一半在窗口内显示的Bug,
									$(this).children('.item-list').css('top', (s-h)+2 );
								} else {
									$(this).children('.item-list').css('top', (s-h)-(-(i-s))+2 );
								}
							} else {
								$(this).children('.item-list').css('top', 0);
							}
						}	
			
						$(this).addClass('hover');
						$(this).children('.item-list').css('display','block');
					},function(){
						$(this).removeClass('hover');
						$(this).children('.item-list').css('display','none');
					});
			
					$('.item > .item-list > .close').click(function(){
						$(this).parent().parent().removeClass('hover');
						$(this).parent().hide();
					});
				</script>
			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".se").click(function(){
					$(".left_lb").toggle()
					$(".sc").show();
					$(".se").hide();
					});
					
				$(".sc").click(function(){
					$(".left_lb").toggle()
					$(".se").show();
					$(".sc").hide();
					});	
				});
		</script>
		
		<div style="width:186px; height:490px; float:left;"></div>
		<!--中-->
		<div class="zhong">
			<div class="banner_as">
				 <div id="demo02" class="flexslider">
				    <ul class="slides">
				    	<%for(big in bigList){%>
					    	<%if("" != big.imagePath!""){%>
							    <li>
							    	<div class="img"><a href="${big.url}" target="_blank"><img src="${contextPath}/imageFile/getImage?imagePath=${big.imagePath!''}" alt="${big.name}" /></a></div>
							    </li>
							<%}else{%>
							    <li>
							    	<div class="img"><img src="${contextPath}/TechnologyMarket/image/banner.jpg" alt="广告招租" /></div>
							    </li>
							<%}%>
						<%}%>
				    </ul>
				  </div>
			</div>
			<%for(small in smallList){%>
				<%if("" != small.imagePath!""){%>
					<div class="guanggao"><a href="${small.url}" target="_blank"><img src="${contextPath}/imageFile/getImage?imagePath=${small.imagePath!''}"></a></div>
				<%}else{%>
					<div class="guanggao"><img src="${contextPath}/TechnologyMarket/image/tu_1.jpg"></div>
				<%}%>
			<%}%>
		</div>
		<script type="text/javascript">
		$(function(){
		
			$('#demo01').flexslider({
				animation: "slide",
				direction:"horizontal",
				easing:"swing"
			});
			
			$('#demo02').flexslider({
				animation: "slide",
				direction:"vertical",
				easing:"swing"
			});
			
		});
		</script>
		
		<div class="right_gs">
			<div class="news">
				<div class="tittle"><span>新加店铺</span><div class="right"></div></div>
				<ul>
				<%for(store in storelist){%>
					<li><a href="${contextPath}/technologyMarket/toEnterpriseDetailsPage?id=${store.id}">${store.name}</a></li>
				<%}%>
				</ul>
			</div>
			<%for(middle in middleList){%>
				<%if("" != middle.imagePath!""){%>
					<div class=" copany"><a href="${middle.url}" target="_blank"><img src="${contextPath}/imageFile/getImage?imagePath=${middle.imagePath!''}"></a></div>
				<%}else{%>
					<div class=" copany"><img src="${contextPath}/TechnologyMarket/image/img01.jpg"></div>
				<%}%>
			<%}%>
		</div>
		<div style="clear:both"></div>
	</div>
	<!--企业机构-->
	<div id="main2">
		<div class="tittle_pp">企业机构<a href="${contextPath}/technologyMarket/toEnterprisePage?pageNumber=1"><img src="${contextPath}/TechnologyMarket/image/mone.jpg"></a></div>
		<%for(store in storelist){%>
			<div class="pin_con" style="margin-left:0px;"><a href="${contextPath}/technologyMarket/toEnterpriseDetailsPage?id=${store.id}" ><img src="${contextPath}/imageFile/getImage?imagePath=${store.imagePath }" alt="${store.name }"></a></div>
		<%}%>
	</div>
	<div style="clear:both"></div>
	<!--最新产品-->
	<div id="main3">
		<div class="tittle_pp">最新产品<a href="${contextPath}/technologyMarket/search?&pageNumber=1"><img src="${contextPath}/TechnologyMarket/image/mone.jpg"></a></div>
		<%for(product in productlist){%>
			<div class="conent_warp" style="margin-left:0px;">
				<div class="conent_nei">
					<div class="tupian"><img src="${contextPath}/imageFile/getImage?imagePath=${product.image1!''}"></div>
					<div class="conent_wenzi">
						<p>产品名称：${product.name!''} </p>
						<p>产品类别 ：${product.producttypeName!''} </p>
						<p><span>￥${product.price!''}${product.priceunit!''}</span><a href="${contextPath}/technologyMarket/toProductDetailsPage?id=${product.id}"><img src="${contextPath}/TechnologyMarket/image/anniu.jpg"></a></p>
					</div>
				</div>
			</div>
		<%}%>
		<script type="text/javascript">
			$(document).ready(function(){
			$(".conent_warp").mouseover(function(){
			$(this).children(".conent_nei").css("border","1px solid #d62c2c")	
				
				});
				$(".conent_warp").mouseout(function(){
			$(this).children(".conent_nei").css("border","1px solid #e2e2e2")	
				
				});
				
				});
		</script>
	</div>
	<div style="clear:both"></div>
<%}%>