topical media & game development

talk show tell print

mobile-js-sample-chapter-2-2-5.htm / htm



  <!DOCTYPE html>
  <html>
    <head>
      <title>jQuery Mobile Application</title>
  
          <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
          <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
          <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
  
    </head>
    <body>
  
          <!-- begin first page -->
          <section id="page1" data-role="page">
            <header data-role="header"><h1>jQuery Mobile</h1></header>
            <div  data-role="content" class="content">
              <p>First page!</p>
                  <p><a href="#page2" data-transition="flip">Flip to Page 2</a></p>
            </div>
            <footer data-role="footer"><h1>O'Reilly</h1></footer>
          </section>
          <!-- end first page -->
          
          <!-- Begin second page -->
          <section id="page2" data-role="page">
            <header data-role="header"><h1>jQuery Mobile</h1></header>
            <div data-role="content" class="content">
              <p>Second page!</p>
                  <p><a href="#page1" data-transition="flip" data-direction="reverse">Flip back to Page 1</a></p>
            </div>
            <footer data-role="footer"r><h1>O'Reilly</h1></footer>
          </section>
          <!-- end second page -->
  
          
    </body>
  </html>
  


(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.