test/free-technological-management/WebRoot/TechnologyMarket/pcjxiangxi.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">首    页</a></li>
				<li><a href="${contextPath}/technologyMarket/toAlliancePage">联盟介绍</a></li>
				<li><a href="${contextPath}/technologyMarket/toEnterprisePage?&pageNumber=1" style="background:#af1414;">企业概况</a></li>
				<li><a href="${contextPath}/technologyMarket/toComplaintPage">投诉监管</a></li>
			</ul>
		</div>
	</div>
	<!---main--->
	<div id="main">
		<div class="left_lb" style="display:none;">
			<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>
	</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 id="weizhi" ><div class="conent"><span>当前位置：</span><a href="${contextPath}/technologyMarket/toTechnologyMarketPage">首页</a> <span>></span> <a href="${contextPath}/technologyMarket/toEnterprisePage?&pageNumber=1">企业概况</a> <span>></span> <a href="${contextPath}/technologyMarket/toEnterpriseDetailsPage?id=${store.id }&pageNumber=1">企业详细</a></div></div>
	<div id="main_pinxx">
		<div class="leftpx"><div class="left_img"><img src="${contextPath}/imageFile/getImage?imagePath=${store.imagePath }"></div>
			<div style="clear:both"></div>
			<p>${store.name }</p>
		</div>
		<div class="rightxx">
			<p>
				${store.introduction }
			</p>
		</div>
	</div>
	<!---产品页面--->
	<div id="main3">
		<div class="tittle_pp">企业产品</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.producttype } </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>
		<%}elsefor{%>
			<div class="conent_pin">
				无相关产品！
			</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>
	<div id="fenye_war">
		<div class="fenye">
			<%include("/TechnologyMarket/commonPage/_paginate.html", {"currentPage": pageNumber!1, "totalPage": totalPage!1, "totalRow": totalRow!0, "actionUrl": contextPath+"/technologyMarket/toEnterpriseDetailsPage?typeCode=" + typeCode! + "&pageNumber=", "urlParas": urlParas!''}){}%>
		</div>
	</div>
	<div style="clear:both"></div>
<%}%>