2 472 Turn.js — плагин jQuery, с помощью которого можно создать книгу с красивыми эффектами перелистывания страниц. Все это выполнено на HTML5.
Основные особенности
- Использование аппаратного ускорения
- Поддержка работы для тачпадов и смартфонов
- Легкость в запуске и управлении
- Вес 15Кб
Как запустить
Далее пример запуска:
Сначала прописываем стили.
CSS
|
1 2 3 4 5 6 7 8 9 |
#magazine{ width:800px; height:400px; } #magazine .turn-page{ width:400px; height:400px; background-color:#ccc; } |
Немного верстки.
HTML
|
1 2 3 4 5 |
<div id='magazine'> <div> Page 1 </div> <div> Page 2 </div> <div> Page 3 </div> </div> |
И в конце, немного JavaScript кода для запуска.
JS
|
1 |
$('#magazine').turn(); |
Вот и все!
