<!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. 微信公众号 SDK

    <?php /* 方倍工作室 http://www.fangbei.org/ CopyRight 2015 All Rights Reserved */ define("TOKEN&q ...

  2. for else

  3. LRU

    rsms/js-lru LRU缓存介绍与实现 (Java) 使用场景 缓存计算结果

  4. 使用StringBuilder更高效的处理字符串

    前言 本文介绍一个java中处理字符串的技巧 - 使用StringBuilder提高字符串处理效率. StringBuilder 当程序要频繁的进行字符串拼接的时候,直接使用String效率会比较低. ...

  5. 文件转换神器Pandoc使用

    最近记录笔记,改用Markdown格式.但有时需要分享下笔记,对于不懂markdown格式的同学来说阅读感觉不是那么友好.因此就一直在寻找一款文件转换的软件,之前因为用markdownpad来编写,可 ...

  6. 【转】Entity Framework技术导游系列开篇与热身

    转自:http://blog.csdn.net/bitfan/article/details/12779517 Entity Framework走马观花 之 把握全局 ================ ...

  7. hdu3033 I love sneakers! 分组背包变形

    分组背包要求每一组里面只能选一个,这个题目要求每一组里面至少选一个物品. dp[i, j] 表示前 i 组里面在每组至少放进一个物品的情况下,当花费 j 的时候,所得到的的最大价值.这个状态可以由三个 ...

  8. tyvj1023 - 奶牛的锻炼 ——DP

    题目链接:https://www.tyvj.cn/Problem_Show.aspx?id=1023 #include <cstdio> #include <algorithm> ...

  9. leetcode 37 Sudoku Solver java

    求数独,只要求做出一个答案就可以. 刚开始对题意理解错误,以为答案是唯一的, 所以做了很久并没有做出来,发现答案不唯一之后,使用回溯.(还是借鉴了一下别人) public class Solution ...

  10. 虚拟化_KVM

    一.KVM介绍 1.KVM全称kernel vitual machine,是针对包含虚拟化扩展(InterVT或AMD-V)的x86硬件上的完全原生的虚拟化解决方案 2.KVM是以色列Qumranet ...