Добро пожаловать на портал вебмастеров WebmastersBY
Веб-программирование

Turn.js - jQuery-плагин создающий эффект перелистывания страниц

Turn.js - это jQuery-плагин, который создает красивый эффект, похожий на перелистывание страниц в книге или журнале, при помощи HTML5.

Turn.js - jQuery-плагин создающий эффект перелистывания страниц

Плагин работает во всех современных браузерах, включая сенсорные устройства. Им легко управлять, и он "весит" всего 15K.

Пример использования:

CSS

#magazine {
    width: 800px;
    height: 400px;
}
#magazine .turn-page {
    width: 400px;
    height: 400px;
    background-color: #ccc;
}

HTML

<div id="magazine">
    <div>Page 1</div>
    <div>Page 2</div>
    <div>Page 3</div>
</div>

JavaScript

$('#magazine').turn({
    page: 1, 
    shadows: true, 
    acceleration: true
});
  • Требования: браузер поддерживающий HTML5, jQuery 1.7+
  • Лицензия: MIT License
Комментарии 0

Новый комментарий

Имя:
Для редактирования комментария осталось 10 минут
Комментарии отсутствуют