Created
October 17, 2010 01:42
-
-
Save andrew8088/630444 to your computer and use it in GitHub Desktop.
playing with jQuery Mobile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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