html书本翻页特效,jQuery书本翻页特效

这是一款支持移动触摸的jQuery书本翻页特效。该特效通过简单的css和js代码，既可以生成书本或杂志翻页的炫酷3D特效。

使用方法

在页面中引入下面的文件。

HTML结构

JavaScript

var currentPage = 0;

$('.book')

.on('click', '.active', nextPage)

.on('click', '.flipped', prevPage);

$('.book').hammer().on("swipeleft", nextPage);

$('.book').hammer().on("swiperight", prevPage);

function prevPage() {

$('.flipped')

.last()

.removeClass('flipped')

.addClass('active')

.siblings('.page')

.removeClass('active');

}

function nextPage() {

$('.active')

.removeClass('active')

.addClass('flipped')

.next('.page')

.addClass('active')

.siblings();

}