网页翻页书本效果HTML5:turn.js

yibin 2015-02-08 网站运营 772

turn.js是一个小巧的jQuery插件,使用它可以让网页翻页效果变得更亮丽,类似一本书或杂志中的实际页面翻页效果。支持现在流行时尚的所有浏览器,支持触摸设备。

网页翻页书本效果HTML5:turn.js

用法
CSS代码:

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

HTML代码:

Page 1
Page 2
Page 3

JavaScript代码:

$('#magazine').turn({gradients: true, acceleration: true});

获取turn.js
turn.min.js 轻版本下载

$ git clone git://github.com/blasten/turn.js.git

MIT授权。
关于turn.js更多信息,详见:
For GitHub主页:https://github.com/blasten/turn.js

扫码添加微信

13013082126 扫描微信 建站咨询 优化咨询