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

<%var cssPar = {%>

<%};%>

<%var jsPar = {%>
<script type="text/javascript">
function verifyForm(){
	if($("#name").val()==''){
		$("#name").focus();
		alert("请输入您的姓名！");
		return false;
	}
	if($("#phone").val()==''){
		$("#phone").focus();
		alert("请输入您的电话号码！");
		return false;
	}
	if($("#email").val()==''){
		$("#email").focus();
		alert("请输入您的邮箱号码！");
		return false;
	}
	if($("#reply").val()==''){
		$("#reply").focus();
		alert("请输入您的留言！");
		return false;
	}
	return true;
}

<%if(msg!'' != ''){%>
alert('${msg}');
<%}%>
</script>
<%};%>

<%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">企业概况</a></li>
				<li><a href="${contextPath}/technologyMarket/toComplaintPage" style="background:#af1414;">投诉监管</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/toComplaintPage">投诉监管</a></div></div>
	<div id="main_dongtai">
		<div class="left_dt">
			<div class="conent_dt">
				<div class="tittle_dt"><img src="${contextPath}/TechnologyMarket/image/kefujpg.jpg"></div>
				<ul>
					<li><a class="bejsds">投诉监管</a></li>
				</ul>
			</div>
		</div>
	
		<div class="right_dt">
			<div class="tittle_dts">平台总部</div>
			
			<div class="kefuzx">
				<table width="800" border="0">
					<tr>
						<td>地址：吉林市/长春市/朝阳区</td>
					</tr>
					<tr>
						<td>电话：0431-123456789</td>
					</tr>
					<tr>
						<td>传真：0431-987654321</td>
					</tr>
					<tr>
						<td>邮编：036100</td>
					</tr>
					<tr>
						<td></td>
					</tr>
				</table>
			</div>
			<div class="kefuzx" style="border:0px;">
				<form action="${contextPath}/technologyMarket/editComplaint" role="form" method="post" onsubmit="return verifyForm()">
					<table width="600" border="0">
						<tr style="width:100px">
							<td colspan="2"><span style="font-size:16px; font-family:microsoft yahei; color:#F00;">给我们留言:</span></td>
						</tr>
						<tr>
							<td height="40"> 您的姓名：</td>
							<td width="500"><input type="text" class="text_liu" name="name" id="name"/></td>
						</tr>
						<tr>
							<td height="40" >您的电话号码： </td>
							<td><input type="text" class="text_liu" style="width:500px;" name="phone" id="phone"/></td>
						</tr>
						<tr>
							<td height="40" >您的邮箱号码：</td>
							<td><input type="text" class="text_liu" style="width:500px;" name="email" id="email"/></td>
						</tr>
						<tr>
							<td > 留言：</td>
							<td><textarea name="reply" cols="" rows="" style="width:500px; height:200px; text-indent:10px" id="reply"></textarea></td>
						</tr>
						<tr>
							<td></td>
							<td><input type="submit" class="button_tj" value="提交留言"/></td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
	<div style="clear:both;"></div>
<%}%>