usoft
/
uas6.0


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
							<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<%
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ request.getContextPath() + "/";
%>
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-startup-image"
	href="images/apple-touch-startup-image-320x460.png" />
<title>企业新闻</title>
<base href="<%=basePath%>jsps/mobile/" />
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" type='text/css' href="css/powerFloat.css">
<link rel="stylesheet" type='text/css' href="css/xmenu.css">
<link
	href='http://fonts.useso.com/css?family=Source+Sans+Pro:400,300,700,900'
	rel='stylesheet' type='text/css' />
</head>
<script type="text/javascript"
	src="<%=basePath%>resource/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>resource/jquery/jquery-powerFloat-min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>resource/jquery/jquery-xmenu.js"></script>
<script type="text/javascript">
	var basePath = "<%=basePath%>";
	var hasshow=false,page=1,pageSize=10;
	$(document).ready(function() {
	 $("#selectpos").xMenu({
			width :600,
			eventType: "click", //事件类型 支持focus click hover
			dropmenu:"#m1",//弹出层
			hiddenID : "selectposhidden"//隐藏域ID		
			
		});
	     $('#pages_maincontent').scroll(function(){
	 		 if( $('#pages_maincontent').scrollTop() >= $('#lists').height()-$(window).height()){	 
	 			 page+=1;
                 loadData(); 
	 		 }
	    });
	    
	});		
	function loadData(){
	       var html;
			$.ajax({  
	            type: "POST",  
	            url: basePath+"mobile/news/getNewsByPage.action",
	            data:{
	            	page:page,
	            	pageSize:pageSize,
	            },
	            cache: true, 
	            success: function(result){
	           	 var data=result.news;
	           	  $(data).each(function(index,item){
	           		  html='';
	           		  html+="<li class='swipeout'><div class='swipeout-content item-content'><div class='post_entry'>";
	           		  html+="<div class='post_thumb'><img src="+item.headerImg+" alt='' title='' /></div>";
			          html+="<div class='post_details'><h2><a href='#'>"+item.ne_theme+".</a></h2><p>"+item.ne_content+"</p><span class='post_date'>24.02.2015</span> <span class='post_author'><a href='#'>"+item.ne_releaser+"</a></span><span class='post_comments'><a href='#'>0</a></span></div>";
	           		  
	           		  html+="</div></div></li>";
	           		  $('#posts').append(html);
	           		
					
	           	  });
	          /*  	$('#lists').listview('refresh'); */
	           	top=document.body.scrollTop; 	           	
				 }
	        });
		};
	
	function showMenu(){
		if(!hasshow){
			$("#selectpos").xMenu({
				width :600,
				eventType: "click", //事件类型 支持focus click hover
				dropmenu:"#m1",//弹出层
				hiddenID : "selectposhidden"//隐藏域ID		
				
			});
			hasshow=true;
		}else {$.powerFloat.hide();hasshow=false;};
		
	}
</script>
<body>
	<div class="pages navbar-through toolbar-through">
		<div data-page="projects" class="page no-toolbar no-navbar">
			<div class="page-content">
				<div class="navbarpages">

					<div class="navbar_home_link">
						<a href="javascript:window.location.reload();" data-panel="left"
							class="open-panel"><img src="../../resource/images/user.png"
							alt="" title="" /></a>
					</div>
					<div class="navbar_page_center">企业新闻</div>
					<div class="menu_open_icon_white">
						<a id="selectpos" href="javascript:showMenu();"><img
							src="../../resource/images/menu_open.png" alt="" title="" /> </a>
					</div>
				</div>
				<div id="pages_maincontent">

					<h2 class="page_subtitle">最新消息</h2>
					<div class="list-block" id="lists">
						<ul class="posts" id="posts">
							<c:forEach items="${news}" var="info">
								<li class="swipeout">
									<div class="swipeout-content item-content">
										<div class="post_entry">
											<div class="post_thumb">
												<img src="${info.headerImg}" alt="" title="" />
												<!-- <img src="images/photo1.jpg" alt="" title="" /> -->
											</div>
											<div class="post_details">
												<h2>
													<a href="../../mobile/news/newsDetail.action?ne_id=${info.ne_id}">${info.ne_theme}.</a>
												</h2>
												<p>${info.ne_content}</p>
												<span class="post_date">24.02.2015</span> <span
													class="post_author"><a href="#">${info.ne_releaser}</a></span>
												<span class="post_comments"><a href="#">0</a></span>
											</div>
											<!-- <div class="post_swipe">
												<img src="images/swipe_more.png" alt="" title="" />
											</div> -->
										</div>
									</div> <!-- 	<div class="swipeout-actions-right">
										<a href="#" class="action1 open-popup"
											data-popup=".popup-social"><img
											src="images/icons/white/heart.png" alt="" title="" /></a>
									</div> -->
								</li>
							</c:forEach>
						</ul>
						<!-- <div id="loadMore">加载更多</div>
						<div id="showLess">加载完毕</div>  -->
					</div>

				</div>


			</div>
		</div>
		<div id="m1" class="xmenu" style="display: none;">
			<dl>
				<dt class="open">热门网站</dt>
				<dd>
					<ul>
						<li rel="1"><a href="http://3g.qq.com">腾讯</a></li>
						<li rel="2"><a href="http://www.sohu.com/">搜狐</a></li>
						<li rel="3"><a href="http://sina.cn/">新浪</a></li>
						<li rel="4"><a href="http://www.163.com/">网易</a></li>
						<li rel="5"><a href="http://www.baidu.com/">百度</a>&nbsp;•&nbsp;<a
							href="http://tieba.baidu.com/">贴吧</a></li>
						<li rel="6"><a href="http://www.tmall.com/">天猫</a></li>
						<li rel="7"><a href="http://www.taobao.com/">淘宝网</a></li>
						<li rel="8"><a href="http://www.jd.com/">京东</a></li>
						<li rel="8"><a href="http://www.ifeng.com/">凤凰网</a></li>
						<li rel="9"><a href="http://www.top81.com.cn/">军事头条</a></li>
						<li rel="10"><a href="http://china.nba.com/">NBA</a></li>
					</ul>
				</dd>
				<dt class="open">其他网站</dt>
				<dd>
					<ul>
						<li rel="1"><a href="http://sz.58.com/">58同城</a></li>
						<li rel="2"><a href="http://sz.fang.com/">搜房网</a></li>
						<li rel="3"><a href="http://www.ctrip.com/">携程网</a></li>
						<li rel="4"><a href="http://www.qunar.com/">去哪儿</a></li>
						<li rel="5"><a href="http://www.ganji.com/">赶集网</a></li>
						<li rel="6"><a href="http://n.vip.com/">唯品会</a></li>
						<li rel="7"><a href="http://www.tuniu.com//">途牛网</a></li>
						<li rel="8"><a href="http://www.renren.com/">人人网</a></li>
						<li rel="8"><a href="http://www.zhaopin.com/">智联招聘</a></li>
						<li rel="9"><a href="http://www.yhd.com/">1号店</a></li>
						<li rel="10"><a href="http://www.amazon.cn/">亚马逊</a></li>
					</ul>
				</dd>
			</dl>
		</div>
	</div>
</body>
</html>