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

移动互联网。更活泼。

由于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. html实现在线新闻浏览器,使用JQuery Mobile实现手机新闻浏览器

    [IT168 专稿]jQuery Mobile项目是jQuery项目下的在移动开发方面的又一力作,在本文中,笔者将带你一步步更深入学习使用jQuery Mobile框架去实现一个能在android手机 ...

  2. CZoneSoft iBooker手机电子书阅读器开发

    CZoneSoft推出移动终端(手机)网络阅读和手机支付解决方案--IBooker电子书阅读器 CZoneSoft以widgets技术为基础开发的iBooker手机阅读+在线支付的软件,支持 脱机阅读 ...

  3. jQuery Mobile手机网站案例

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

  4. jquery.mobile手机网页简要

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

  5. 18 个 jQuery Mobile 开发贴士和教程

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

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

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

  7. 8个jQuery Mobile基础教程

    来自phpchina:http://www.phpchina.com/archives/view-39863-1.html 1. jQuery Mobile入门介绍 2. jQuery Mobile基 ...

  8. jQuery Mobile 手动显示ajax加载器,提示加载中...

    在使用jQuery Mobile开发时,有时候我们需要在请求ajax期间,显示加载提示框(例如:一个旋转图片+一个提示:加载中...).这个时候,我们可以手动显示jQuery Mobile的加载器,大 ...

  9. 使用 jQuery Mobile 与 HTML5 开发 Web App (十二) —— jQuery Mobile 页面事件与 deferred

    在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App -- jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery ...

最新文章

  1. 在NodeJS中操作文件常见的API
  2. c/c++/MFC 调用 js 函数代码
  3. Java枚举根据key获取value
  4. corn表达式的简单使用
  5. Ethernet、VLAN、QinQ
  6. 病毒防疫管理系统基于VS2017 .netcore2.2
  7. SQL Server 2005 应用 全文搜索
  8. 适配器模式之观察者模式
  9. 编写一个应用程序,给出汉字“你”“我”“他”在Unicode表中的位置
  10. 2019年程序员薪资报告,网友:年薪20万只是起薪?
  11. 锂电池充电原理__2020.03.10
  12. 畅销书排行榜html作业,制作畅销书排行榜.html
  13. 纸笔骑士2 android,荐游:一张纸笔就是一次中二冒险的开始!《骑士经理》评测...
  14. wingide python_Python开发利器WingIDE破解方法
  15. java正则大写字母_正则表达式 大写字母 怎么匹配
  16. 三次方分解因式重要公式
  17. 软件工程网络15个人案例作业3(201521123045 郑子熙)
  18. 银河麒麟服务器操作系统设置网卡自启动
  19. ros学习之多机器人导航(仿真)
  20. 7_5.移动IP网络

热门文章

  1. 分析师不死心 仍坚信微软终将成功并购雅虎
  2. java语言签到定位系统_百度地图定位签到功能
  3. Java实现 蓝桥杯VIP 算法提高 陶陶摘苹果2
  4. pd虚拟机安装Windows后如何退出(进入)融合模式
  5. npm包--淘宝镜像下载
  6. docker安装nfs文件服务所需镜像,centos7安装nfs所需的安装包
  7. 利用Hbuilder + Android Studio 制作安卓APP
  8. 经典智力题:火车运煤
  9. 在Outlook中更改签名
  10. 小程序--实现细线边框