你的位置:首页 > Java教程

[Java教程]jQuery Mobile_简单的爱情故事


<!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 ><h4>请听我讲一个爱情故事</h4></li>          <li><a href="#home" data-role="button" data-icon="arrow-l">后退</a></li>        </ul>          </div>  </div>  <div data-role="content" ><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 ><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 ><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 ><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 ><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 ><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 ><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 ><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 ><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 ><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 ><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>