w3schools juerymobile

来源:转载

http://www.w3schools.com/jquerymobile/jquerymobile_examples.asp

 

<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

</head>

<body>

<div data-role="page" id="pageone">

<div data-role="header">

<h1>Welcome To My Homepage</h1>

</div>

<div data-role="content">

<p>Welcome!</p>

<a href="#pagetwo">Go to Page Two</a>

</div>

<div data-role="footer">

<h1>Footer Text</h1>

</div>

</div>

<div data-role="page" id="pagetwo">

<div data-role="header">

<h1>Welcome To My Homepage</h1>

</div>

<div data-role="content">

<p>Goodbye!</p>

<a href="#pageone">Go to Page One</a>

</div>

<div data-role="footer">

<h1>Footer Text</h1>

</div>

</div>

</body>

</html>

 

 


分享给朋友:
您可能感兴趣的文章:
随机阅读: