<!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. H5实现俄罗斯方块（二）

    对应的js 1.封装操作dom的js: (function (document) { //游戏的实例 var gameInst; /**封装一个返回原型的DOM对象 */ function DomOb ...

  2. LeetCode Majority Element（简单题）

    题意: 给一个数组,其中有一个元素的出现次数已经超过数组的一半大小,请找出这个元素? 思路: 可以扫一遍数组,将这个出现次数过多的元素抵消其他的元素,最后必定留下1个以上的元素,就是它自己了. pyt ...

  3. 《more effective c++》条款26 限制类对象的个数

    问题: 如何限制类对象的个数?比如1个,10个等等. 方法(1): 将类的构造函数定义为private,那么就无法实例化这个类了.但是如何创建1个对象出来?方法有2种: 1.声明一个友元函数,那么在友 ...

  4. 纯代码写UI的时候，如何指定style？

    有的时候,需要使用纯代码实现Android UI,那么这个时候如何指定某个UI组件的样式呢? 一般来说,UI组件都有一些set方法可供使用,以调整一些UI属性,从而达到调整样式的目的. 但是,情况并非 ...

  5. python 数据结构之单链表的实现

    链表的定义: 链表(linked list)是由一组被称为结点的数据元素组成的数据结构,每个结点都包含结点本身的信息和指向下一个结点的地址.由于每个结点都包含了可以链接起来的地址信息,所以用一个变量就 ...

  6. vmware-workstation-11中centos-6.6安装

    排版比较乱,参见 https://www.zybuluo.com/Jpz/note/144303 VMware Workstation 11中CentOS 6.6安装 Linux开发环境配置 目录 V ...

  7. C#使用FtpWebRequest上传文件

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

  8. tyvj 1402 dp

    P1402 [NOIP2010]乌龟棋 时间: 1000ms / 空间: 131072KiB / Java类名: Main 背景 NOIP2010提高组复赛第二题 描述 小明过生日的时候,爸爸送给他一 ...

  9. union与union的区别

    把2个具有相同列及数据类型的 结果 放到一起显示,并且不去重.select a,b,c from table1union allselect ca,cb,cc from table2 而union会对 ...

  10. UVa1589 象棋

    就是声明两个数组,一个模拟棋局,另一个模拟黑将不能走的位置.不过写得有点长了... #include<iostream> #include<string> using name ...