5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>jQuery Mobile Framework - Dialog Example</title>
7 <link rel="stylesheet" href="../../css/themes/default/" />
8 <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
9 <script src="../../js/jquery.js"></script>
10 <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
11 <script src="../_assets/js/jqm-docs.js"></script>
12 <script src="../../js/"></script>
16 <div data-role="page">
18 <div data-role="header" data-theme="e">
20 </div><!-- /header -->
22 <div data-role="content" data-theme="e">
23 <p>That was an animated page transition effect that we added with a <code>data-transition</code> attribute on the link.</p>
24 <p>Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.</p>
25 <p>What do you think?</p>
26 <a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back">I like it</a>