<!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. 【LeetCode OJ】Gas Station

    Problem link: http://oj.leetcode.com/problems/gas-station/ We can solve this problem by following al ...

  2. ESXi cron jobs

    #Edit corn jobs vi /var/spool/cron/crontabs/root # Check crond pross id cat /var/run/crond.pid # Kil ...

  3. Java 集合深入理解（14）：Map 概述

    点击查看 Java 集合框架深入理解 系列, - ( ゜- ゜)つロ 乾杯~ 终于把 List 常用的几种容器介绍完了,接下来开始 Map 的相关介绍. 什么是 Map Java 中的 Map 接口 ...

  4. Android重写getResources规避用户调整系统字体大小影响Android屏幕适配

    Android屏幕适配一直是一个头疼的问题.除此之外还要考虑APP在实际应用场景中,用户千奇百怪的设置,最常见的用户设置行为就是设置手机的字体大小,比如把字体设置成超大或者超小,这对屏幕适配又带来额外 ...

  5. GridView按钮事件

    1.html代码 <asp:TemplateField HeaderText="操作"> <ItemTemplate> <div style=&quo ...

  6. CentOS 7.0 安装go 1.3.1

    1.下载go安装包 golang中国上下载 2. 解压 tar -zxf go1.3.1.linux-amd64.tar.gz -C /usr/local/ 3. 修改 etc/profile 文件在 ...

  7. PAT (Basic Level) Practise：1005. 继续(3n+1)猜想

    [题目链接] 卡拉兹(Callatz)猜想已经在1001中给出了描述.在这个题目里,情况稍微有些复杂. 当我们验证卡拉兹猜想的时候,为了避免重复计算,可以记录下递推过程中遇到的每一个数.例如对n=3进 ...

  8. ehcache memcache redis -- java中的三大缓存

      三个缓存在java代码中用的是较多的,但是它们都有自己的应用场合,和优缺点.  Ehcache 1.初衷:减少数据库操作的高延时而设计.(缓存的目的,好像都是这个吧) 2.Apache Licen ...

  9. winrar在右键菜单上加上：打包自动加上日期时间标签【图文教程】 - imsoft.cnblogs

    说明:  注册表HKEY_CURRENT_USER\Software\WinRAR\Profiles\0找到GenerateArcName修改0为1,修改GenerateMask为你想要的日期式(默认 ...

  10. discuz使用

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