我们坐在地铁。经常拿出新浪手机查看新闻。腾讯新闻，或者看新闻，等刷微信功能。你有没有想过如何实现这些目标。

移动互联网。更活泼。

由于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，一起学习。

版权声明：本文博主原创文章，博客，未经同意不得转载。

手机新闻网站,手持移动新闻,手机报client,jQuery Mobile手机新闻网站,手机新闻网站demo,新闻阅读器开发的更多相关文章

  1. 手机新闻网站,掌上移动新闻,手机报client,jQuery Mobile手机新闻网站,手机新闻网站demo,新闻阅读器开发

    我们坐在地铁,经常来查看新浪手机新闻,腾讯新闻.或者刷微信看新闻更多功能.你有没有想过如何实现这些目标.移动互联网,更活泼. 因为HTML5到,jQuery Moblie到.今天我用jqm为了给你一个 ...

  2. 八 个优秀的 jQuery Mobile 教程

    jQuery Mobile 是 jQuery 在手机上和平板设备上的版本.jQuery Mobile不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.虽然j ...

  3. jquery.mobile手机网页简要

    先上最终效果: 最近做了一个用手机浏览器访问的web应用,采用较流行的HTML5,为了提高开发效率节省时间决定采用现有开源框架,免去了自己做设计与兼容性. 一些比较优秀的框架:10大优秀的移动Web应 ...

  4. jQuery Mobile手机网站案例

    jQuery Mobile手机网站案例 一.总结 一句话总结:jQuery Mobile是纯手机框架,和amazeui和bootstrap都可以做手机网站. 1.另一款文本编辑器? jd编辑器 二.j ...

  5. 用jQuery Mobile做HTML5移动应用的三个优缺点

    JQuery Mobile 和 HTML5 的 3个优点 1. 上手迅速并支持快速迭代:在一个星期多一点的时间里,通过阅读JQuery Mobile文档以及O’Reilly出版的JQuery Mobi ...

  6. 【初探移动前端开发03】jQuery Mobile（上）

    前言 到目前为止,我打了几天酱油了,这几天落实了工作,并且看了一部电视连续剧(陈道明-手机),我很少看连续剧了,但是手机质量很高啊,各位可以看看. 我们今天先学习一下jquery mobile的基础知 ...

  7. 经典收藏 50个jQuery Mobile开发技巧集萃

    http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 1.Backbone移动实例 这是在Safari中运行的一款Ba ...

  8. jQuery Mobile和Sencha Touch哪个更适合你？

    纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile .Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族 ...

  9. (转)经典收藏 50个jQuery Mobile开发技巧集萃

    (原)http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 经典收藏 50个jQuery Mobile开发技巧集萃   ...

随机推荐

  1. C# WinForm多线程（三）Control.Invoke

    下面我们就把在Windows Form软件中使用Invoke时的多线程要注意的问题给大家做一个介绍. 首先,什么样的操作需要考虑使用多线程?总的一条就是,负责与用户交互的线程(以下简称为UI线程)应该 ...

  2. javascript 正则匹配 提取所有 preg_match_all matchAll方法

    javascript 提取全部的的方法.javascript中没有matchAll这种方法. 用while来实现类似 PHP 中的preg_match_all() :(by default7#zbph ...

  3. OpenStack路: OpenStack建筑设计指南 - 概要(摘录和翻译)

    OpenStack它是在云技术领先的黄金工艺,作为一个组织,使各类企业,具有较大的灵活性和速度被发现,向市场推出自助服务云计算和基础架构即服务(IaaS)积.然,为了能够真正享受到这些好处,云计算必须 ...

  4. 黑马程序猿——java基金会--jdk、变量

    学习内容: 1.Java发展历史 2.jdk和jre的差别,功能. 3.jdk和jre的下载和安装 4.配置环境.path和classpath 5.helloworld程序 6.进制之间的转换 7.凝 ...

  5. Raw-OS互斥的源代码分析的量的Mutex

    作为分析的内核版本2014-04-15,基于1.05正式版.blogs我们会跟上的内核开发进度的最新版本,如果出现源代码的目光"???"的话,没有深究的部分是理解. Raw-OS官 ...

  6. 使用WindowManager添加您自己的自定义视图

    在写手机卫士的时候,用户拨打|接听电话须要显示号码归属地,然后出现了一些异常,在此留下记号.希望对麻友们有帮助: BUG教程 在使用 view = View.inflate(this, R.layou ...

  7. js中推断对象详细类型

    大家可能知道js中推断对象类型能够用typeof来推断. 看以下的情况 <script> alert(typeof 1);//number alert(typeof "2&quo ...

  8. 照片教你eclipse通过使用gradle 打包Android

    gradle其他优点不说,在android当应用程序公布.假设你要算一些渠道,gradle 在节目包装散装优势:下面给大家介绍的图形 按eclipse当出口 选择Android:例如下面的附图 一步一 ...

  9. Ubuntu14.04设备JDK

    1.设备JDK 打开命令直插式工具.输入以下三个命令: sudo add-apt-repository ppa:webupd8team/java sudo apt-get update sudo ap ...

  10. 关闭 MsMpEng.exe

    MsMpEng.exe是Windows Defender 自动保护服务的核心引擎. 系统是win8.1 最近发现MsMpEng.exe是任务管理器里面最占内存的一个程序,且无法强制结束程序.偶然发现一 ...