Turn.js 实现翻书效果(自适应单双页)

最新推荐文章于 2022-04-10 11:25:30 发布
最新推荐文章于 2022-04-10 11:25:30 发布
阅读量3.7k 收藏 1
点赞数 2
分类专栏： JS 文章标签： 前端插件
原文链接：https://www.cnblogs.com/hellman/p/10683492.html
版权
乱丶心
关注
专栏目录
利用 turnjs 做的相簿效果.
简生的代码备忘录
02-09 9439
turnjs 是一个基于HTML5和jQuery实现模拟真实翻页效果的库. 翻页的效果做得很出色,并且:    +支持硬件加速    +支持跨平台    +使用简单    +体积仅15k 下载地址: 压缩版:http://www.turnjs.com/turn.min.js 完整版:https://github.com/blasten/turn.js 顺便
turn.js实现翻书效果(自适应单双页)
10-10
TURN.JS 实现翻书效果(自适应单双页)
turn.js实现图书翻页
12-07
使用turn.js实现图书的翻页预览效果
Turn.js 实现翻书效果(自适应单双页).zip
01-12
Turn.js 实现翻书效果(自适应单双页)，可以用来制作电子版企业宣传册，演示链接：https://www.showwen.com/show/xinzhi/
turn.js （翻页效果）总结
鑫鑫的博客
06-02 8777
turn.js （翻页效果）总结 Turn.js是一个内置的jQuery翻页插件 1 html中引入<script type="text/javascript" src="js/turn.js"></script> <script type="text/javascript" src="js/jquery,min.js"></script> 2 创建html <div id="flipbook"> <div class="..
js实现翻书效果
05-08
js实现翻书效果
turn.js异步加载实现翻书效果
12-12
本文实例为大家分享了turn.js异步加载实现翻书效果的具体代码，供大家参考，具体内容如下 1、阅读翻书js /** * 电子翻书 */ //var width = 1080; //var height = 1680; var width = "10rem"; var height = "15.2rem"; [removed] = function () { //预加载 //loading(18,1); initData(); } function getQueryString(name) { var result = [removed].search.mat
turn.js单页翻书页面
Prostones的专栏
11-20 3598
turn.js单页翻书页面demo
Turn.js创建类似书本和杂志翻页效果
thinkinwm的专栏
04-23 1695
http://www.oschina.net/p/turnjs Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果，支持触摸屏设备。 Turn.js 支持硬件加速来让翻页效果更加平滑。 可通过 API 来获取当前显示的页号，并提供选项来定制默认页号、加速器、阴影和延时。 翻页效果截图：
基于html5自适应的微信滑动翻页效果
12-17
在微信中经常看见朋友分享的带有翻页效果的宣传页面，自己研究了下，做了个小的推广页，分享下。html5,能够支持分享时自定义分享图标、路径、文字，向上滑动分页，全屏自适应。
turnjs帮助文档
12-01
turnjs帮助文档
移动端H5开发 Turn.js实现很棒的翻书效果
10-22
主要为大家详细介绍了Turn.js实现很棒的翻书效果，对Turn.js翻书效果的实现进行总结，感兴趣的小伙伴们可以参考一下
turn.js
02-01
turn.js
turn.js 模拟书籍翻页
02-12
使用turn.js完成的模拟书籍翻页效果的demo；
基于双分类器的自适应单双手手势识别算法研究
"基于双分类器的自适应单双手手势识别" 本文提出了一种基于双分类器的自适应单双手手势识别算法，以解决传统卷积神经网络（CNN）中仅有对单手手势语义进行识别的算法和深度学习手势识别算法中CNN的收敛性差和识别...
翻页插件turn.js
大白的博客
01-23 7627
老实说翻页turn.js里面的坑非常多，记得那时候项目中踩了几天都踩不完。个人建议谨慎使用 下面就介绍一下最简单的入门吧~ 1.引入文件部分（注意必须要引入jQ，turn.js文件可以上网找，modernizr也是turn.js的一部分）： 2.注意：必须设置背景颜色或者背景图片，否则透明会看到其他的page html部分: 1 1
turn.js教程及总结
热门推荐
qq_43402051的博客
04-10 1万+
先看一眼我制作的简单demo演示图 这部分主要用作演示及养眼 接下来我们来抛开演示图来讲一下如何使用 turn简介 一个基于jquery用来实现3d翻书效果的插件 使用所需 jquery.js、turn.js 这里面jquery全网一查都是, turn.js官网下载太慢了，嫌慢的码友们可以私信我或留言我会发给大家 基本用法 $('#book').turn({ acceleration: true, // 是否启动硬件加速 如果为触摸设备必须为true pages: 11, /
turn.js 试用
weixin_46089767的博客
01-06 1123
turn.js
pdfh5.js怎么加目录，书签，单双页，放大缩小，适应页面等功能
最新发布
04-05
pdfh5.js是一个基于HTML5的PDF阅读器，提供了许多功能，包括目录、书签、单双页、放大缩小、适应页面等。下面是具体的实现方法： 1. 加载PDF文件 首先需要加载PDF文件，可以使用pdfh5.js提供的load方法，例如： ```javascript PDFJS.getDocument('example.pdf').then(function(pdf) { // 加载成功后的处理 }); ``` 2. 添加目录 pdfh5.js提供了一个`OutlineView`类，可以用来显示PDF文件的目录。首先需要获取目录信息，可以使用pdfh5.js提供的API： ```javascript pdf.getOutline().then(function(outline) { // 显示目录 var outlineView = new OutlineView(outline); document.body.appendChild(outlineView.container); }); ``` 3. 添加书签 pdfh5.js提供了一个`Bookmarks`类，可以用来管理PDF文件的书签。可以通过点击页面上的按钮或者手动添加书签来实现。例如： ```javascript var bookmarks = new Bookmarks(); bookmarks.addBookmark('Chapter 1', 1, 0); // 添加一个书签 bookmarks.showBookmarks(); // 显示所有书签 ``` 4. 单双页 pdfh5.js提供了一个`Viewer`类，可以设置阅读器的显示方式。可以通过设置`Viewer.options.display`属性来实现单双页的切换。例如： ```javascript var viewer = new Viewer(document.getElementById('viewerContainer'), pdf, { display: 'single' // 设置为单页显示 }); ``` 5. 放大缩小 pdfh5.js提供了一些API，可以用来控制PDF文件的缩放。例如： ```javascript viewer.zoomIn(); // 放大 viewer.zoomOut(); // 缩小 viewer.zoomTo(2); // 缩放到2倍大小 viewer.fitToPage(); // 自适应页面大小 ``` 6. 适应页面 pdfh5.js可以根据页面大小来自动调整PDF文件的显示大小。可以通过设置`Viewer.options.autoResize`属性来实现。例如： ```javascript var viewer = new Viewer(document.getElementById('viewerContainer'), pdf, { autoResize: true // 自适应页面大小 }); ```
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值