jQuery+turn.js翻书、文档和杂志-PPC工具-PHPChina-最棒的PHP中文社区

jQuery+turn.js翻书、文档和杂志

turn.js是一个基于HTML5的翻书插件,会使你的内容看起来像一个真正的书或杂志。

2016-08-24 10861 65 0

软件描述

turn.js有以下优势：

支持iPad和iPhone等移动设备。
简单,美丽和强大的API。
支持Ajax动态加载页面。
纯HTML5和CSS3。
有过渡效果。
支持IE8等主流浏览器

HTML

<div class="flipbook"> 
    <div style="background-image:url(pages/1.jpg)"></div> 
    <div style="background-image:url(pages/2.jpg)"></div> 
    <div style="background-image:url(pages/3.jpg)"></div> 
</div>

jQuery

默认翻书效果

$('.flipbook').turn({ 
    width: 922, 
    height: 600, 
    elevation: 50, 
    gradients: true, 
    autoCenter: true 
});

举报收藏下载

讨论这个工具（0）

请登录后发表评论

rockman509

收藏工具（3）

jQuery+turn.js翻书、文档和杂志

软件描述

turn.js有以下优势：

HTML

jQuery

资源举报

jQuery+turn.js翻书、文档和杂志

讨论这个工具（0）