mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-04-10 01:11:02 +00:00
63 lines
No EOL
1.9 KiB
HTML
Executable file
63 lines
No EOL
1.9 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>jQuery Mobile Framework - Persistent footer demo</title>
|
|
<link rel="stylesheet" href="../../themes/default" />
|
|
<script type="text/javascript" src="../../js/all"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div data-role="page">
|
|
|
|
<div data-role="header">
|
|
<h1>Fixed Header</h1>
|
|
|
|
</div>
|
|
|
|
<div data-role="content">
|
|
|
|
<ul data-role="listview">
|
|
<li><a href="index.html">Acura</a></li>
|
|
<li><a href="index.html">Audi</a></li>
|
|
<li><a href="index.html">BMW</a></li>
|
|
<li><a href="index.html">Cadillac</a></li>
|
|
<li><a href="index.html">Chrysler</a></li>
|
|
<li><a href="index.html">Dodge</a></li>
|
|
<li><a href="index.html">Ferrari</a></li>
|
|
<li><a href="index.html">Ford</a></li>
|
|
<li><a href="index.html">GMC</a></li>
|
|
<li><a href="index.html">Honda</a></li>
|
|
<li><a href="index.html">Hyundai</a></li>
|
|
<li><a href="index.html">Infiniti</a></li>
|
|
<li><a href="index.html">Jeep</a></li>
|
|
<li><a href="index.html">Kia</a></li>
|
|
<li><a href="index.html">Lexus</a></li>
|
|
<li><a href="index.html">Mini</a></li>
|
|
<li><a href="index.html">Nissan</a></li>
|
|
<li><a href="index.html">Porsche</a></li>
|
|
<li><a href="index.html">Subaru</a></li>
|
|
<li><a href="index.html">Toyota</a></li>
|
|
<li><a href="index.html">Volkswagon</a></li>
|
|
<li><a href="index.html">Volvo</a></li>
|
|
</ul>
|
|
|
|
<h2>Demo description</h2>
|
|
<p>This is a demo of a persistent footer - click the tabs below. The footer on this page should stick when transitioning to the next page, because they have the same data-id attributes. </p>
|
|
</div>
|
|
|
|
<div data-role="footer" data-id="foo1">
|
|
<div data-role="navbar">
|
|
<ul>
|
|
<li><a href="footer-persist.html" class="ui-btn-active">Cars</a></li>
|
|
<li><a href="footer-persist-b.html">Friends</a></li>
|
|
<li><a href="footer-persist-c.html">Albums</a></li>
|
|
<li><a href="footer-persist-d.html">Emails</a></li>
|
|
</ul>
|
|
</div><!-- /navbar -->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |