翻书页效果展示内容
-
<script type="text/javascript">
$(function progressbar(){
var w = $(".graph").width();
$(".flipbook-viewport").show();
});
//屏蔽ios下上下弹性
$(window).on('scroll.elasticity', function (e) {
e.preventDefault();
}).on('touchmove.elasticity', function (e) {
e.preventDefault();
});
function loadApp() {
var w=$(window).width();
var h=$(window).height();
$('.flipboox').width(w).height(h);
$(window).resize(function(){
w=$(window).width();
h=$(window).height();
$('.flipboox').width(w).height(h);
});
$('.flipbook').turn({
// Width
width:w,
// Height
height:h,
// Elevation
elevation: 50,
display :'single',
// Enable gradients
gradients: true,
// Auto center this flipbook
autoCenter: true
});
}
yepnope({
test : Modernizr.csstransforms,
yep: ['js/turn.js'],
complete: loadApp
});
</script>
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
