移動新聞網站,掌上移動新聞,移動新聞客戶端,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="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://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>
<!-- 部落格地址:http://blog.csdn.net/xmtblog/article/details/34420755 -->
<body>
<div data-role="page" id="onePage">
<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 class="ui-li-count">2</span></li>
<li><a href="#">
<h2>濤哥偽專家移動新聞</h2>
<p><strong>作者:濤哥</strong></p>
<p>濤哥偽專家移動新聞成立於2014年7月9日。中國知名企業家濤哥於2012年5月創立的個性化商業資訊網站。濤哥偽專家移動新聞的願景是:創造讓使用者更有效率地獲取商業資訊並進行交流的方式。網站內容是由編輯和使用者共同篩選,然後再精要加工,走個性化與社會化結合的路線。</p>
<p class="ui-li-aside"><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 class="ui-li-aside"><strong>9:18</strong>AM</p>
</a></li>
<li data-role="list-divider">2014年7月9日16:43:10 <span class="ui-li-count">1</span></li>
<li><a href="#">
<h2>濤哥偽專家移動新聞</h2>
<p><strong>作者:濤哥</strong></p>
<p>濤哥偽專家移動新聞成立於2014年7月9日。中國知名企業家濤哥於2012年5月創立的個性化商業資訊網站。濤哥偽專家移動新聞的願景是:創造讓使用者更有效率地獲取商業資訊並進行交流的方式。網站內容是由編輯和使用者共同篩選,然後再精要加工,走個性化與社會化結合的路線。</p>
<p class="ui-li-aside"><strong>4:48</strong>PM</p>
</a></li>
</ul>
</div>
<div id="footer" data-role="footer" data-theme="b" data-position="fixed">
<h1>
濤哥偽專家移動新聞
</h1>
</div>
</div>
</body>
</html>
好吧,就到這裡,如有後續新版本再奉獻上。歡迎大家關注我的個人部落格!
點選資料下載:http://download.csdn.net/download/xmt1139057136/7612517
如有不懂,請加qq群:135430763,共同學習!
相關文章
- 多數新聞網站移動流量佔優–資訊圖網站
- NYT:前50家新聞網站移動廣告成本網站
- Pew:2015年美國90%新聞網站移動流量超PC網站
- 爬取網站新聞網站
- DeviceAtlas:2017新聞網站移動端優化情況調查報告dev網站優化
- 央視新聞《 大⃞發平臺官網移動彩⃞票 》手機搜狐網
- comScore:新冠病毒推動新聞網站訪問量增長網站
- 線上新聞在移動網際網路時代成為創業創新熱門領域創業
- Linux 新聞網站 The H 關閉Linux網站
- jQuery新聞列表垂直滾動詳解jQuery
- CNNIC:新聞網站跳廣告怎麼辦?CNN網站
- 聚聞 ~ 一個聚合資料新聞客戶端客戶端
- App Annie:2014年5月美國大眾及商業新聞指數:移動平臺的新聞應用APP
- 皮尤研究中心:資料顯示美國大部分新聞網站的移動端流量已超越PC網站
- 央視新聞《 大⃞發888官方網站 》手機搜狐網網站
- 如何抽取上千家新聞網站正文網站
- 央視新聞《玩彩網最新網站》手機搜狐網網站
- Newsflow for mac RSS新聞閱讀器Mac
- Reeder for Mac(rss新聞閱讀器)Mac
- 新聞新體驗!3DCAT助力開啟紅網“元宇宙”新聞直播間3D元宇宙
- JavaScript 垂直新聞公告無縫滾動JavaScript
- 網際網路新聞擬出新規:轉載新聞不得歪曲標題原意
- TrustData:2015年1月至10月中國移動網際網路新聞客戶端發展分析報告Rust客戶端
- CNNIC:微博與新聞網站的互補式發展CNN網站
- 手擼一個新聞客戶端客戶端
- comScore:英國男性更鐘愛政治新聞網站網站
- Trustdata::2020年中國移動網際網路新聞資訊行業發展分析報告Rust行業
- 移動電子政務網站群發展與創新網站
- jQuery單行新聞標題向上滾動詳解jQuery
- jQuery具有暫停功效果新聞列表向上滾動jQuery
- 網站首頁的輪播新聞flash效果實現網站
- 全球新聞媒體網站因 Facebook 改版流量大跌網站
- python爬蟲---網頁爬蟲,圖片爬蟲,文章爬蟲,Python爬蟲爬取新聞網站新聞Python爬蟲網頁網站
- Flutter 新聞客戶端 - 11 APP升級、android動態授權Flutter客戶端APPAndroid
- 由一則新聞想起的 - 華為將推獨立的移動終端作業系統作業系統
- 資料新聞專家:如何在新聞裡使用資料
- 移動端開發新趨勢FlutterFlutter
- Flutter 新聞客戶端 - 06 程式碼規範、業務程式碼組織、新聞首頁實現Flutter客戶端