首页 技术 正文
技术 2022年11月18日
0 收藏 859 点赞 3,509 浏览 2445 个字

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

移动互联网。更活泼。

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

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

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,983
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,500
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,344
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,127
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,762
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,838