turn.js
плагин jQuery, который добавляет эффект реального переоврачивания страниц при переходе между разделами.
- + Использует аппаратное ускорение
- + Работает на мобильных устройствах
- + Легко настраивать
- + Легкий, только 15K
Плагин jQuery для эффекта переворачивания страниц
плагин jQuery, который добавляет эффект реального переоврачивания страниц при переходе между разделами.
Пример:
#magazine{ width:800px; height:400px; } #magazine .turn-page{ width:400px; height:400px; background-color:#ccc; }
<div id='magazine'> <div> Page 1 </div> <div> Page 2 </div> <div> Page 3 </div> </div>
$('#magazine').turn();
И все!
Страница с описанием прокручивается вниз
Создает экземпляр turn.
$('selector').turn({page:1});
Параметры:
Схема, которая используется для вызова методов или определения свойств
Возвращает текущую страницу.
alert($('selector').turn('page'));
Возвращает текущий вид.
alert($('selector').turn('view'));
Переход к заданной странице.
$('selector').turn('page', 2);
Переход к следующему виду.
$('selector').turn('next');
Переход к предыдущему виду.
$('selector').turn('previous');
Остановить текущую анимацию.
$('selector').turn('next').turn('stop');
сбросить размеры всех контейнеров, которые используются плагином.
$('selector').turn('resize');
Включает и отключает эффект.
$('selector').turn('disable', true);
Генерируется сразу после переворота страницы.
$('selector').bind('turned', function(e, page, pageObj) { alert('Page turned to '+page); });
Генерируется при появлении сложенной страницы.
$('selector').bind('start', function(e, turn) { console.log('Is it turning?' + turn); });
Генерируется при исчезании свернутой страницы.
$('selector').bind('end', function(e) { });
.
Автор плагина: Emmanuel Garcia.
Перевод описания: команда сайта RUSELLER.COM