<!doctype html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"/>

<title>无标题文档</title>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

</head>

<body>

<div data-role="page" id="home">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#home" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content" style="text-align:center"><a data-role="button" href="#page1" data-icon="arrow-r" data-iconpos="right" data-inline="true">简单的爱情故事</a></div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page1">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#home" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>1.在一个宁静的小山村，男孩和女孩都来到了这个世界。</p>

    	<a href="#page2" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a></div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page2">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page1" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>2.他们一起玩耍，直到3、4岁的时候，女孩去了另外一个城市。</p>

    	<a href="#page3" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page3">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page2" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>3.男孩和女孩生活在各自的轨道上，小学、初中、高中、大学，生活有酸甜苦辣。</p>

    	<a href="#page4" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page4">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page3" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>4.女孩毕业了，在J城市工作，男孩毕业了，在B城市工作。</p>

    	<a href="#page5" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page5">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page4" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>5.工作了，致我们终将逝去的大学，在不同的城市。</p>

    	<a href="#page6" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page6">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page5" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>6.男孩到女孩工作的J城市出差，他们联系了，他们走在一起了。</p>

    	<a href="#page7" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page7">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page6" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>7.恋爱的时光总是过得很快，时光因为短暂，所以珍贵。</p>

    	<a href="#page8" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page8">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page7" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>8.男孩和女孩结婚了，他们幸福的生活在一起。</p>

    	<a href="#page9" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page9">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page8" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>9.爱情的结晶-他们的宝宝，来到了这个世界，带给我们欢乐。</p>

    	<a href="#page10" data-role="button" data-icon="arrow-r" data-inline="true" data-iconpos="right">前进</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

<div data-role="page" id="page10">

	<div data-role="header">

    		<div data-role="navbar">

            	<ul>

                    <li><a href="#home" data-role="button" data-icon="home" data-inline="true">主页</a></li>

                    <li style="text-align:center"><h4>请听我讲一个爱情故事</h4></li>

                    <li><a href="#page9" data-role="button" data-icon="arrow-l">后退</a></li>

                </ul>

            </div>

   </div>

    <div data-role="content"><p>10.十全十美，祝福男孩和女孩的生活。</p>

    	<a href="#home" data-role="button" data-icon="arrow-l" data-inline="true" data-iconpos="right">返回主页</a>

    </div>

    <div data-role="footer"><h4>Copyright 山水一程</h4></div>

</div>

</body>

</html>

jQuery Mobile_简单的爱情故事的更多相关文章

  1. Java面试题总结之数据结构、算法和计算机基础（刘小牛和丝音的爱情故事1）

      Java面试题总结之数据结构.算法和计算机基础(刘小牛和丝音的爱情故事1)​mp.weixin.qq.com 全文字数: 1703 阅读时间: 大约6 分钟 刘小牛是一名Java程序员,由于天天9 ...

  2. 用Python讲述冯绍峰和赵丽颖的爱情故事

    昨天刷头条时得知赵丽颖当妈妈了.作为一名程序员突发奇想,不如用Python简单叙述一下冯绍峰和赵丽颖的爱情故事,于是有了本文. 代码十分简单,适合编程小白和有一些Python基础的准程序员,其中用到了 ...

  3. jquery实现简单瀑布流布局（续）：图片懒加载

    # jquery实现简单瀑布流布局(续):图片懒加载 这篇文章是jquery实现简单瀑布流布局思想的小小扩展.代码基于前作的代码继续完善. 图片懒加载就是符合某些条件时才触发图片的加载.最常见的具体表 ...

  4. jquery实现简单瀑布流布局

    jquery实现简单瀑布流布局 是开头都会说的原理 瀑布流布局有两种,一种是固定列,一种是非固定列.在此主要记述第一种的实现. 固定列的特征是:无论页面如何缩放,每行的总列数都一致. 一行4列的瀑布流 ...

  5. Javascript对象、Jquery扩展简单应用

    Javascript对象,表现方式一: person = new Object(); person.firstname = "An"; person.lastname = &quo ...

  6. Jquery实现简单的分页

    转,Jquery实现简单的翻页功能 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

  7. jQuery系列 第一章 jQuery框架简单介绍

    第一章 jQuery框架简单介绍 1.1 jQuery简介 jQuery是一款优秀的javaScript库(框架),该框架凭借简洁的语法和跨平台的兼容性,极大的简化了开发人员对HTML文档,DOM,事 ...

  8. jQuery实现简单前端搜索功能

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 3-5 编程练习：jQuery实现简单的图片对应展示效果

    3-5 编程练习:jQuery实现简单的图片对应展示效果 通过这个章节的学习, 老师带领大家完成了一个基本的图片切换特效,接下来,我们也实现一个类似的效果,点击相应的按钮,切换对应的图片. 效果图 : ...

随机推荐

  1. 用C语言实现评论系统设计 - 无数据库版

  2. Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)

    <!doctype html><html> <head> <meta charset="UTF-8"> <meta name= ...

  3. magento memcache缓存配置

    在app/etc/local.xml <global>配置段中添加 cache段配置 <config> <global> <install> <d ...

  4. json-c-0.9 的简单用法

    1.下载安装包路径: wget http://oss.metaparadigm.com/json-c/json-c-0.9.tar.gz 2.解压安装包 tar zxvf json-c-0.9.tar ...

  5. LeetCode Populating Next Right Pointers in Each Node （技巧）

    题意: 给一棵满二叉树,要求将每层的节点从左到右用next指针连起来,层尾指向NULL即可. 思路: 可以递归也可以迭代.需要观察到next的左孩子恰好就是本节点的右孩子的next啦. (1)递归:这 ...

  6. HDU 1003 Max Sum（AC代码）

    #include <stdio.h> int main(){ int i,t,j,n,x; int start,end,temp,max,sum; scanf("%d" ...

  7. 解决chrome同步问题

    原方法为 修改文件:“C:\WINDOWS\system32\drivers\etc\hosts”,但是经常失败,需要重新修改,很是麻烦. 更好的方法是使用 “谷歌访问助手(chrome版)” 具体参 ...

  8. JavaScript中递归函数用法需要注意的

    <script> function sum(num){ if(num<=1){ return 1; }else{ return num*sum(num-1);//return num ...

  9. Qt之添加Windows资源文件（.rc文件）

    简述 在Windows下使用Qt时,通常会用到Windows的资源文件 - 为exe设置信息,其中包括:文件说明.产品名称.产品版本.版权等信息... 由于是Windows平台相关的东西,Qt助手中对 ...

  10. C#使用FtpWebRequest上传文件

    System.Net命名空间下的FtpWebRequest类实现了ftp协议的.Net实现. FtpWebRequest.KeepAlive指定在请求完成后服务器是否要马上关闭连接 FtpWebReq ...