test/free-technological-management/WebRoot/TechnologyMarket/xiangxi.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/toProductDetailsPage?id=${product.id}">产品详细</a></div></div>
	<div id="main4">
		<div id=preview>
			<div class=jqzoom id=spec-n1><IMG height=283
			src="${contextPath}/imageFile/getImage?imagePath=${product.image1!'' }" jqimg="${contextPath}/imageFile/getImage?imagePath=${product.image1!'' }" width=400>
			</div>
				<div id=spec-n5>
					<div class=control id=spec-left>
						<img src="${contextPath}/TechnologyMarket/image/left.gif" />
					</div>
					<div id=spec-list>
						<ul class=list-h>
							<%if(product.image1 != ""){%>
								<li><img src="${contextPath}/imageFile/getImage?imagePath=${product.image1}"> </li>
							<%}%>
							<%if(product.image2 != ""){%>
								<li><img src="${contextPath}/imageFile/getImage?imagePath=${product.image2}"> </li>
							<%}%>
							<%if(product.image3 != ""){%>
								<li><img src="${contextPath}/imageFile/getImage?imagePath=${product.image3}"> </li>
							<%}%>
							<%if(product.image4 != ""){%>
								<li><img src="${contextPath}/imageFile/getImage?imagePath=${product.image4}"> </li>
							<%}%>
							<%if(product.image5 != ""){%>
								<li><img src="${contextPath}/imageFile/getImage?imagePath=${product.image5}"> </li>
							<%}%>
						</ul>
					</div>
					<div class=control id=spec-right>
						<img src="${contextPath}/TechnologyMarket/image/right.gif" />
					</div>
					<SCRIPT type=text/javascript>
						$(function(){			
						   $(".jqzoom").jqueryzoom({
								xzoom:400,
								yzoom:400,
								offset:10,
								position:"right",
								preload:1,
								lens:1
							});
							$("#spec-list").jdMarquee({
								deriction:"left",
								width:400,
								height:56,
								step:2,
								speed:4,
								delay:10,
								control:true,
								_front:"#spec-right",
								_back:"#spec-left"
							});
							$("#spec-list img").bind("mouseover",function(){
								var src=$(this).attr("src");
								$("#spec-n1 img").eq(0).attr({
									src:src.replace("\/n5\/","\/n1\/"),
									jqimg:src.replace("\/n5\/","\/n0\/")
								});
								$(this).css({
									"border":"2px solid #d62c2c",
									"padding":"1px"
								});
							}).bind("mouseout",function(){
								$(this).css({
									"border":"1px solid #ccc",
									"padding":"2px"
								});
							});				
						})
				</SCRIPT>
			</div>
		</div>
		<div class="right_xx"><div class="conents"><h3><span style="color:#f85b14;">${product.name }</span></h3></div>
			<div class="conents"><p>${product.introduction }</p></div>
		</div>
	</div>
	<div id="jinhuod">
		<table width="1200" border="0" style=" border-collapse:collapse;">
			<tr class="huise">
				<td height="43">产品类别 </td>
			    <td> 收费标准 </td>
			    <td> 所属企业 </td>
			    <td> 认证状态 </td>
			    <td> 上架时间 </td>
			</tr>
			<tr>
			    <td height="42">${producttypename.name } </td>
			    <td>${product.price }${product.priceunit } </td>
			    <td>${store.name }</td>
			    <td>
			    	<%if(product.state == 0){%>
			    		未认证
			    	<%}else if(product.state == 1){%>
			    		<span class="hongse">已认证</span>
			    	<%}%>
			    </td>
			    <td>${product.createDate }</td>
			</tr>
		</table>
		<div style="clear:both;"></div>
	</div>
	
	<!---详情--->
	<div id="main_xiangq">
		<div class="tittle">
			<ul style="list-style: none; margin: 0px; padding: 0px; border-collapse: collapse;">
		    	<li id="lv_1" style="margin-left:0px;" class="selected2" onmouseover="change('1')">联系方式</li>
			</ul>
		</div>
		<div  id="dif1" style ="display :block" class ="divContent2">
			<div class="conent_nrx">
				<h3>☆联系方式</h3>
				<p>	
					${store.contact }
				</p>
				<h3>☆地址</h3>
				<p>	${store.addr }</p>
				<%if(store.ishomepage == 1){%>
			    	<h3>☆企业网站</h3>
					<p><a href="${store.homepage }">${store.addr }</a></p>
			    <%}%>
			</div>
		</div>
		<div style="clear:both;"></div>
	</div>
<%}%>