2011-09-15 04:32:56 +03:00
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset='utf-8'>
|
2011-09-15 04:42:23 +03:00
|
|
|
|
2011-09-16 03:07:48 +03:00
|
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
|
|
|
|
|
2011-09-15 04:42:23 +03:00
|
|
|
<script src="jquery-1.6.4.min.js" type="text/javascript"></script>
|
|
|
|
|
<script src="../pagify.js" type="text/javascript"></script>
|
2011-09-16 00:48:08 +03:00
|
|
|
|
|
|
|
|
<script type='text/javascript'>
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
$('#page_holder').pagify({
|
|
|
|
|
pages: ['about', 'usage', 'options'],
|
2011-09-16 01:17:37 +03:00
|
|
|
animation: 'fadeIn',
|
2011-09-30 14:15:04 +03:00
|
|
|
'default': 'about',
|
2011-09-16 01:34:55 +03:00
|
|
|
cache: true
|
2011-09-16 00:48:08 +03:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
2011-09-15 04:42:23 +03:00
|
|
|
|
2011-09-15 04:32:56 +03:00
|
|
|
<title>Pagify.js Demo</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2011-09-16 03:07:48 +03:00
|
|
|
<div id='container'>
|
2011-09-15 04:32:56 +03:00
|
|
|
<header>
|
|
|
|
|
<h1>Pagify.js<small>A jQuery plugin for single page web sites</small></h1>
|
|
|
|
|
<nav>
|
|
|
|
|
<a href='#about'>About</a>
|
|
|
|
|
<a href='#usage'>Usage</a>
|
|
|
|
|
<a href='#options'>Options</a>
|
2011-09-16 04:35:34 +03:00
|
|
|
<a href='https://github.com/cmpolis/Pagify'>Github</a>
|
2011-09-15 04:32:56 +03:00
|
|
|
</nav>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<div id='page_holder' />
|
2011-09-16 03:07:48 +03:00
|
|
|
</div>
|
2011-09-15 04:32:56 +03:00
|
|
|
</body>
|
|
|
|
|
</html>
|
