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