Jquery Code

1
7/17/2019 Jquery Code http://slidepdf.com/reader/full/jquery-code 1/1 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile-1.4.5.css"> <script src="jquery-1.11.2.min.js"></script> <script src="jquery.mobile-1.4.5.js"></script> </head> <body> <div data-role="page" id="home"> <div data-role="header"><h1>HEADER</h1></div> <div data-role="content"> INI BAGIAN CONTENT <br> <a href="#page2" data-transition="slidedown" class = "ui-btn ui-icon-home ui-btn -inline ui-btn-icon-notext">page 2</a> <button data-icon="alert" data-inline="true" class="ui-btn-icon-bottom">ALERT!!! </button> <a href="#" data-ajax="false" data-role="button">TEKAN </a> <a href="#pop" data-rel="popup" data-position="#test" data-arrow="t">pop up</a> <div data-role="popup" id="pop"> <h1> INILOH POP UP </h1> </div> </div> <div data-role="footer" data-position="fixed" data-fullscreen="true" align="cent er">FOOTER</div> </div> <!-- halaman kedua --> <div data-role="page" id="page2"> <div data-role="panel" id="panelsaya" data-display="overlay"> <h3>ini namanya panel </h3> </div> <div data-role="header"> <a href="#panelsaya">PANEL</a> <h1>header</h1> </div> <div data-role="content"> ini content page 2 <br> Balik ke home <a href="#home" data-transition="slide" class = "ui-btn ui-icon-back ui-btn-inli ne ui-btn-icon-notext">HOME</a> </div> <div data-role="footer" data-position="fixed" data-fullscreen="true" align="cent er">FOOTER</div> </div> </body> </html>

description

Jquery Code Level 1

Transcript of Jquery Code

Page 1: Jquery Code

7/17/2019 Jquery Code

http://slidepdf.com/reader/full/jquery-code 1/1

<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="jquery.mobile-1.4.5.css"><script src="jquery-1.11.2.min.js"></script><script src="jquery.mobile-1.4.5.js"></script></head>

<body><div data-role="page" id="home"><div data-role="header"><h1>HEADER</h1></div>

<div data-role="content">INI BAGIAN CONTENT <br>

<a href="#page2" data-transition="slidedown" class = "ui-btn ui-icon-home ui-btn-inline ui-btn-icon-notext">page 2</a>

<button data-icon="alert" data-inline="true" class="ui-btn-icon-bottom">ALERT!!!</button>

<a href="#" data-ajax="false" data-role="button">TEKAN</a>

<a href="#pop" data-rel="popup" data-position="#test" data-arrow="t">pop up</a><div data-role="popup" id="pop"><h1> INILOH POP UP </h1></div>

</div>

<div data-role="footer" data-position="fixed" data-fullscreen="true" align="center">FOOTER</div></div>

<!-- halaman kedua --><div data-role="page" id="page2">

<div data-role="panel" id="panelsaya" data-display="overlay"><h3>ini namanya panel </h3></div><div data-role="header"><a href="#panelsaya">PANEL</a><h1>header</h1></div><div data-role="content"> ini content page 2 <br>Balik ke home<a href="#home" data-transition="slide" class = "ui-btn ui-icon-back ui-btn-inline ui-btn-icon-notext">HOME</a></div><div data-role="footer" data-position="fixed" data-fullscreen="true" align="cent

er">FOOTER</div></div>

</body>

</html>