Веб-программирование

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

Turn.js - это jQuery-плагин, который создает красивый эффект, похожий на перелистывание страниц в книге или журнале, при помощи HTML5. Он работает во всех современных браузерах, включая сенсорные устройства. Им легко управлять, и он "весит" всего 15K.

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

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

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+
  • Онлайн-пример: http://www.turnjs.com
  • Лицензия: MIT License

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

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