test/free-technological-management/WebRoot/TechnologyMarket/guanyu.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" style="background:#af1414;">联盟介绍</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" 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/toAlliancePage">联盟介绍</a></div></div>
	<div id="main_dongtai">
		<div class="left_dt">
			<div class="conent_dt">
				<div class="tittle_dt"><img src="${contextPath}/TechnologyMarket/image/guan.jpg"></div>
				<ul>
					<%for(alliance in alliancelist){%>
						<li><a class="bejsds" href="${contextPath}/technologyMarket/toAlliancePage?id=${alliance.id }">${alliance.name!''}</a></li>
					<%}elsefor{%>
						<li><a class="bejsd" href="">没有相关联盟！</a></li>
					<%}%>
				</ul>
			</div>
		</div>
		<div class="right_dt">
			<%if(id==0){%>
				<div class="tittle_dts">${alliancefirst.name }</div>
				<div class="conent_xi_sd">
					<p>${alliancefirst.introduction }</p>
				</div>
			<%}else{%>
				<div class="tittle_dts">${alliance.name }</div>
				<div class="conent_xi_sd">
					<p>${alliance.introduction }</p>
				</div>
			<%}%>
		</div>
			<div style="clear:both; height:30px;"></div>
	</div>
	<div style="clear:both;"></div>
<%}%>