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

移动互联网。更活泼。

由于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. Heibernate 入门笔记（一）---第一个demo

    最近在学heibernate,是看马士兵老师的视频学的,在这里总结一下,做点笔记.关于heibernate的优点,大家可以在网上 百度,这里不做赘述,直接讲怎么使用heibernate 步骤一:新建项 ...

  2. 解决apache+tomcatserver环境中文乱码的问题

    在使用apache做转发服务器时,碰到了中文乱码的问题. 说说解决思路: 1.通常乱码是由于编码不统一造成的.所以要先推断是不是由于编码问题造成的,假设是的话,那统一编码就能够去解决. 2.tomca ...

  3. Zygote过程【3】——SystemServer诞生

    欢迎转载.转载请注明:http://blog.csdn.net/zhgxhuaa 在ZygoteInit的main()方法中做了几件大事.当中一件便是启动Systemserver进程.代码例如以下: ...

  4. UIControl-IOS发展

    UIKit提供了一组控件:UISwitch开关.UIButtonbutton.UISegmentedControl分段控件.UISlider滑块.UITextField文本字段控件. UIPageCo ...

  5. 【Android进阶】使用Andbase快速开发框架实现常见侧滑栏和滑动标签页组合效果

    最近闲来无事,在网上寻找源代码看,突然发现了一个国内技术牛人开发的快速开发框架Andbase,花了一天时间研究了下源码和怎么使用,现将开发常见的侧滑栏和滑动标签页组合效果的使用介绍个大家,希望可以减少 ...

  6. HDU 3715 Go Deeper（2-sat）

    HDU 3715 Go Deeper 题目链接 题意:依据题意那个函数,构造x数组.问最大能递归层数 思路:转化为2-sat问题,因为x仅仅能是0.1,c仅仅能是0,1.2那么问题就好办了,对于0, ...

  7. Android尽量避免使用开发jpg图片

    因为jpgeasy失真,因此,Android尽量避免使用开发.jpg图片,相反,使用.png图片,它使用LZ77衍生无损数据压缩算法. 事实上在这一点上,Google他已经暗示我们: 发现了没有,在r ...

  8. 【原创】构建高性能ASP.NET站点 开篇

    原文:[原创]构建高性能ASP.NET站点 开篇 构建高性能ASP.NET站点 开篇 前言:有段时间没有写ASP.NET的东西了,心里总是觉得缺少了什么,毕竟自己对ASP.NET还是情有独钟的. 在本 ...

  9. 集成ejs和angular

    我们也有一个系统angular用在应用中单页.正确angular做一些定制.集成seajs.不实用angular自己的模块管理. 只要angular也可单独使用在,一个较小的系统新开发,我不会用前js ...

  10. HTML5 3D翻书效果(双面效应)

    最后使用HTML5翻书效果达到测试,比较简单,它的升级版是 最后一个问题: 1)后,原来的页面连环画将成为一面镜子 2)无法实现双面翻书. 3)明显感觉页面似有近遮挡标志. 这次的升级版本号实现过程比 ...