<!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. iOS开发：bitcode介绍和使用cocoapods出现“target overrides the `OTHER_LDFLAGS`……”的解决方案

    在开发中,不免需要引入第三方库,但是因为库的问题,会发生很多错误.如: 1.因为一些第三方库不包含bitcode就会报错: 一次使用xcode7.1时,发现编译失败,报错信息: umeng messa ...

  2. C#判断字符串是否为数字

    string i = Console.ReadLine();            int a=0;            if (int.TryParse(i, out a) == false) / ...

  3. DBImg: 图片文件-二进制文件的转换

    using System; using System.IO; using System.Drawing; //using System.Collections.Generic; //using Sys ...

  4. 重学STM32----（一）

    在这学习stm32半年的时间中,虽然明显的感觉到自己在进步,但是还是发现学习方法的错误.由于急功近利的性格,在学习stm32之初,我选择了最简单的办法,用库函数来写程序,而且也由于我这急功近利的性格, ...

  5. js prototype新感悟

    prototype是js的一个原型属性,这个属性可以创建对象属性和方法. 子类继承原型属性时,会继承父类的原型属性和方法. prototype只能作用到类上,不能作用到对象上. ----------- ...

  6. vs2012相关配置

    文件包含不能在当前代码页(936)中表示的字符.请将该文件保存为 Unicode 格式: 在Project -> Properties -> Configuration Propertie ...

  7. Java程序如何生成Jar、exe及安装文件

    http://blog.csdn.net/luoweifu/article/details/7628006/ 一.用Eclipse生产Jar文件 首先,看一下我的项目的目录结构: 1,项目名字上面点右 ...

  8. discuz使用

    1.discuz登陆错误过多,后台删除ip SELECT * FROM `lang_common_admincp_session` 2.Discuz与UCenter通信失败的解决方法 应用与 UCen ...

  9. CrossApp 0.3.1示例编译问题解决过程

    1 AlertTest.h找不到 问题成因:HelloCpp工程中头文件搜索路径没有增加Classes目录,需要自己加进去.(另外由于这些文件都是在子目录中,用递归模式也行,逐个子目录添加也行) 2 ...

  10. linux下ftp常用命令

    1. Linux 终端连接FTP $ ftp 10.85.3.12 Name : fxm5547 Password: ftp> 如果FTP 允许匿名用户,那么用户名要输入anonymous,密码 ...