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

移动互联网。更活泼。

由于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. 深入理解spring中的各种注解（转）

    Spring中的注解大概可以分为两大类: 1)spring的bean容器相关的注解,或者说bean工厂相关的注解: 2)springmvc相关的注解. spring的bean容器相关的注解,先后有:@ ...

  2. setsockopt角色

    功能描写叙述: 获取或者设置与某个套接字关联的选 项. 选项可能存在于多层协议中.它们总会出如今最上面的套接字层. 当操作套接字选项时.选项位于的层和选项的名称必须给出.为了操作套接字层的选项,应该 ...

  3. Nginx + Lua + redis （一）(转)

    使用 Lua 脚本语言操作 Redis. 由于大量的 Lua 代码写在 Nginx 中,会使配置文件显得很繁琐,所以这里使用 content_by_lua_file 来引入 Lua 脚本文件. 要使用 ...

  4. C#访问Java的WebService添加SOAPHeader验证的问题

    原文:C#访问Java的WebService添加SOAPHeader验证的问题 这两天做与公司OA的接口,发现C#访问Java的WebService需要提供一个SOAP的头验证信息,但是WebServ ...

  5. SRS微信号和QQ组

    联系方式:https://github.com/winlinvip/simple-rtmp-server/wiki/v1_CN_Contact $(function () { $('pre.prett ...

  6. 算法---高速分拣(quick sort)

    在前面的排序中所描述的算法.最快的排序算法是归并排序,但是有一个缺陷合并排序排序过程的需求O(N)额外的空间.本文介绍了高速的排序算法到位排序算法,所需的复杂性的额外空间O(1). 算法介绍:高速排序 ...

  7. 在SSMS里查看TDS数据包内容

    原文:在SSMS里查看TDS数据包内容 在SSMS里查看TDS数据包内容 摘抄自<SQLSERVER2012实施与管理实战指南> 要具体查看TDS数据库的内容,我们可以: 用NETWORK ...

  8. HDU 5002 Tree

    题意: 一棵树  支持删边加边.路径权值加值.路径权值改值.路径求第二大的数字和其个数 思路: LCT的第二题  题意已经把功能都告诉了  比較裸 要注意的是权值加值和改值两个操作的标记下放问题  要 ...

  9. 概率统计（DP）

    问题叙述性说明 生成n个月∈[a,b]随机整数.并且将它们输出到x概率. 输入格式 输入线跟四个整数n.a,b,x,用空格分隔. 输出格式 输出一行包括一个小数位和为x的概率.小数点后保留四位小数 例 ...

  10. 第十二章——SQLServer统计信息（3）——发现过期统计信息并处理

    原文:第十二章--SQLServer统计信息(3)--发现过期统计信息并处理 前言: 统计信息是关于谓词中的数据分布的主要信息源,如果不知道具体的数据分布,优化器不能获得预估的数据集,从而不能统计需要 ...