手机新闻网站,手持移动新闻,手机报client,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,一起学习。
版权声明:本文博主原创文章,博客,未经同意不得转载。
相关文章
- 手机网页中手指触摸计算 --JQuery 获取touchstart,touchmove,touchend 坐标
- jQuery 选择器基本使用方法大全详解编程语言
- jQuery图片切换插件jquery.cycle.js详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- Jquery实战_读书笔记1—选择jQuery
- jQuery'行4954错误:不支持该属性或方法'的问题解决方法
- 当jQuery遭遇CoffeeScript的时候使用分享
- jQuery实现form表单reset按钮重置清空表单功能
- 使用jquery实现div的tab切换实例代码
- jquery滚动条事件简单实例
- jquery中的查找parents与closest方法之间的区别
- jquery解析xml字符串示例分享
- jquery实现的图片点击滚动效果
- jQuery删除/替换DOM元素的几种方式
- jquery中append()与appendto()用法分析
- z-blogSyntaxHighlighter长代码无法换行解决办法(jquery)