2010-10-15 18:49:05 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2010-11-02 01:46:29 +00:00
|
|
|
<head>
|
2011-02-18 20:00:18 +00:00
|
|
|
<meta charset="utf-8">
|
2011-05-17 21:28:19 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
2010-10-15 18:49:05 +00:00
|
|
|
<title>jQuery Mobile Framework - Dialog Example</title>
|
2011-01-06 00:19:24 +00:00
|
|
|
<link rel="stylesheet" href="../../themes/default/" />
|
2010-11-11 19:15:42 +00:00
|
|
|
<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
|
2011-04-14 20:04:47 +00:00
|
|
|
<script src="../../js/jquery.js"></script>
|
|
|
|
|
<script src="../../js/"></script>
|
2010-10-15 18:49:05 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div data-role="page" data-theme="e">
|
|
|
|
|
|
|
|
|
|
<div data-role="header" data-theme="e">
|
|
|
|
|
<h1>Ta-da!</h1>
|
|
|
|
|
</div><!-- /header -->
|
|
|
|
|
|
|
|
|
|
<div data-role="content">
|
2010-10-27 17:20:59 +00:00
|
|
|
<p>That was an animated page transition effect that we added with a <code>data-transition</code> attribute on the link.</p>
|
2010-10-15 18:49:05 +00:00
|
|
|
<p>Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.</p>
|
|
|
|
|
<p>What do you think?</p>
|
2011-01-26 00:36:42 +00:00
|
|
|
<a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">I like it</a>
|
2010-10-15 18:49:05 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
2010-10-27 17:20:59 +00:00
|
|
|
</html>
|