768
移動新聞網站,掌上移動新聞,移動新聞客戶端,jQuery Mobile移動新聞網站,移動新聞網站demo,新聞閱讀器開發
我們坐在地鐵上，常常拿出手機查看新浪移動新聞，騰訊新聞，或者刷微信看新聞等等功能。你們有沒有想過他們是如何實現的。移動互聯網，越來越熱鬧了。
因為HTML5來了，jQuery Moblie來了。今天我就用jqm來給大家做一個簡單的移動新聞網站。
先看效果圖：
好吧，我們來看看實現的代碼：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jQuery Mobile偽專家移動新聞</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width"/>
<!--<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
--><link rel="stylesheet" type="text/css" href="../jQuery/jquery.mobile-1.3.2.min.css">
<script type="text/javascript" src="../jQuery/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../jQuery/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
</script>
</head>
<!-- 博客地址：https://blog.csdn.net/xmtblog/article/details/34420755 -->
<body>
<div data-role="page" >
<div data-role="header" data-position="fixed" data-theme="b">
<h1>
濤哥偽專家移動新聞
</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li data-role="list-divider">2014年7月9日16:42:59 <span >2</span></li>
<li><a href="#">
<h2>濤哥偽專家移動新聞</h2>
<p><strong>作者：濤哥</strong></p>
<p>濤哥偽專家移動新聞成立於2014年7月9日。中國知名企業家濤哥於2012年5月創立的個性化商業資訊網站。濤哥偽專家移動新聞的願景是：創造讓用戶更有效率地獲取商業資訊並進行交流的方式。網站內容是由編輯和用戶共同篩選，然後再精要加工，走個性化與社會化結合的路線。</p>
<p ><strong>6:24</strong>PM</p>
</a></li>
<li><a href="#">
<h2>濤哥偽專家移動新聞</h2>
<p><strong>作者：濤哥</strong></p>
<p>濤哥偽專家移動新聞成立於2014年7月9日。中國知名企業家濤哥於2012年5月創立的個性化商業資訊網站。濤哥偽專家移動新聞的願景是：創造讓用戶更有效率地獲取商業資訊並進行交流的方式。網站內容是由編輯和用戶共同篩選，然後再精要加工，走個性化與社會化結合的路線。</p>
<p ><strong>9:18</strong>AM</p>
</a></li>
<li data-role="list-divider">2014年7月9日16:43:10 <span >1</span></li>
<li><a href="#">
<h2>濤哥偽專家移動新聞</h2>
<p><strong>作者：濤哥</strong></p>
<p>濤哥偽專家移動新聞成立於2014年7月9日。中國知名企業家濤哥於2012年5月創立的個性化商業資訊網站。濤哥偽專家移動新聞的願景是：創造讓用戶更有效率地獲取商業資訊並進行交流的方式。網站內容是由編輯和用戶共同篩選，然後再精要加工，走個性化與社會化結合的路線。</p>
<p ><strong>4:48</strong>PM</p>
</a></li>
</ul>
</div>
<div data-role="footer" data-theme="b" data-position="fixed">
<h1>
濤哥偽專家移動新聞
</h1>
</div>
</div>
</body>
</html>
好吧，就到這裏，如有後續新版本再奉獻上。歡迎大家關注我的個人博客！
點擊資料下載：https://download.csdn.net/download/xmt1139057136/7612517
如有不懂，請加qq群：135430763，共同學習！
最後更新：2017-04-03 05:39:04