Pagify

Этот jQuery плагин идеально подходит для создания одностраничных сайтов.

Чем же он так хорош? Почему мы его выбрали для обзора? Смотрите...

Простота — включите в проект pagify.js, создайте элемент div, сделайте один jQuery вызов и все должно работать!
Легкость — pagify.js занимает менее 100 строк кода. Кроме того, код хорошо откомментирован и понятен для дальнейшего программирования.
Гибкость — Можно настраивать любое количество страниц, анимацию и кэширование!
Быстрота — Есть возможность загрузить все страницы заранее или на лету. Все данные страниц подгружаются с помощью вызова $.get()!
Чистота — Контент изначально разделен по HTML страницам, но с помощью JS соединяется в единое целое.
Не требует PHP — Используются только Javascript и HTML!

Использование

Просто посмотрите пример работы плагина или попробуйте следующий код...

Загрузите Pagify и jQuery:

1 2	<script src="jquery.min.js" type="text/javascript"></script> <script src="pagify.js" type="text/javascript"></script>

Создайте DIV, который будет содержать данные страниц:

1	<div id='page_holder' />

Вызовите pagify со следующими параметрами (обязательна только опция pages.)

$('#page_holder').pagify({

pages: ['home', 'about', 'contact'],

'default': 'home' // имя страницы по умолчанию

});

Организуйте ссылки на страницы в виде хешей:

<a href='#contact'>Contact</a>

<a href='#about'>About</a>

...

Создайте страницы с данными (имя файлов для страниц — [page_name].html) в той же директории, где располагается основной контейнер.

1 2	<h1>About us</h1> <p>This is an about page!</p>

pages — массив имен страниц. Обязательно.
default — имя страницы, загружаемой по умолчанию.
animation — jQuery анимация, используемая для показа страниц, например, fadeIn, show, slideUp, slideDown. по умолчанию show.
animationSpeed — скорость анимации, например fast, slow, 1000. по умолчанию 'normal'.
animationOut — jQuery анимация, используемая для скрытия страниц, например fadeOut, hide, slideUp, slideDown. по умолчанию hide.
animationOutSpeed — скорость анимация для скрытия страниц, например fast, slow, 1000. по умолчанию 0.
cache — true или false. Определяет, загружаются ли все страницы заранее или на лету. по умолчанию false.
onChange — функция, которая принимает в качестве параметра название загружаемой страницы и выполняется, когда происходит смена страниц. по умолчанию функция пуста.