webapp.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="js/jquery.mobile-1.4.5.min.css">
<script src="js/jquery-3.1.0.min"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" type="text/css" href="">
<title>Document</title>
</head>
<body>
<div data-role="page" id="pageone">
<div data-role="header"><h1>維哥的小店鋪</h1></div>
<div data-role="main" class="ui-content">
<form action="" class="" method="post">
<label for="">手機</label>
<input type="text" name="tel" value="">
<label for="iphone">密碼</label>
<input type="passowrd" name="pwd" value="">
<a href="#" class="ui-btn ui-shadow">確定</a>
<a href="#" class="ui-btn">登陸</a>
</form>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#pageone" data-role="home">維哥家</a></li>
<li><a href="#pageone" data-role="bars">用戶中心</a></li>
<li><a href="#pageone" data-role="grid">維哥家</a></li>
</ul>
</div>
</div>
</div>
<div data-role="page" id="pagetwo">
<div data-role="header">
<h1>登錄成功</h1>
<a href="#pageone" data-role="button">logout</a>
<div></div>
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#pageone" data-role="home">維哥家</a></li>
<li><a href="#pageone" data-role="bars">維哥家</a></li>
<li><a href="#pageone" data-role="grid">維哥家</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>id.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
div{height: 1200px;}
#a{background: #cc0000}
#a{background: #ff0000}
#a{background: #cccccc}
#a{background: #cc0000}
</style>
<body>
<div id="a">
<a href="#a">aaaaaaaaaaaaa</a>
<a href="#b">bbbbbbbbbbbbb</a>
<a href="#c">ccccccccccccc</a>
<a href="#d">ddddddddddddd</a>
</div>
<div id="b">
<a href="#a">aaaaaaaaaaaaa</a>
<a href="#b">bbbbbbbbbbbbb</a>
<a href="#c">ccccccccccccc</a>
<a href="#d">ddddddddddddd</a>
</div>
<div id="c">
<a href="#a">aaaaaaaaaaaaa</a>
<a href="#b">bbbbbbbbbbbbb</a>
<a href="#c">ccccccccccccc</a>
<a href="#d">ddddddddddddd</a>
</div>
<div id="d">
<a href="#a">aaaaaaaaaaaaa</a>
<a href="#b">bbbbbbbbbbbbb</a>
<a href="#c">ccccccccccccc</a>
<a href="#d">ddddddddddddd</a>
</div>
</body>
</html>
