Skip to content

Instantly share code, notes, and snippets.

@andrew8088
Created October 17, 2010 01:42
Show Gist options
  • Save andrew8088/630444 to your computer and use it in GitHub Desktop.
Save andrew8088/630444 to your computer and use it in GitHub Desktop.
playing with jQuery Mobile
<!DOCTYPE html>
<html>
<head>
<title>Page Title some change </title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a">
<div data-role="header"> <h1>Welcome</h1> </div>
<div data-role="content">
<p>Thanks for trying this out!</p>
<p>Now go <a href="#next" data-transition="flip"> to another page</a></p>
</div>
<div data-role="footer"> <em>(c) Andrew Burgess</em> </div>
</div>
<div data-role="page" id="next" data-theme="c">
<div data-role="header"> <h1>Welcome</h1> </div>
<div data-role="content">
<p> Nice Job! </p>
</div>
<div data-role="footer"> <em>(c) Andrew Burgess</em> </div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment