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

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

2016-08-24 8549 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 
});


举报

资源举报

举报审核通过将会奖励威望

×
收藏 下载

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

我的威望:0已下载次数:65

登录、发帖、回帖、上传资源可获得威望

所需威望:0开始下载
网盘链接:  访问密码:
×

讨论这个工具(0)

请登录后发表评论