FlippingBook使用教程(附下载)

站长资源 2024/5/2 佚名

41 1538 41

DDR爱好者之家 Design By 杰米

FlippingBook是一款收费的图书翻页效果的flash播放器。在线预览地址：FlippingBook，破解版下载地址备用下载地址

下载：https://www.jb51.net/codes/255326.html

预览效果：

它的文件结构如下：

其中：css文件夹是一个简单的样式文件，不需要做什么说明，可以根据需要修改。

fla文件夹是别人反编译fla文件。

img文件夹是播放器所需要的图片.

js文件是播放器相关参数配置，这个才是重点。

pages文件夹就是图书的每一页对应的图片了，它里面的large文件夹用于放置双击放大看到的图片。

sounds里面放的是翻页时的声音效果。

下面对这款翻页播放器配置说明：

这里有两个js文件需要我们特别关注：bookSettings.js和flippingbook.js。前者用于设置播放器，后者是播放器文件，提供默认设置。

图中：2~7行代码是图书页面图片，这个没什么好说的。

11~16行是图书左下角的下拉框设置，比如可以通过下拉框直接返回到首页，目录页等。

19~31行就是播放器的设置了。分别是图书的宽，高，背景颜色等设置。注意，这些设置并不是所有的设置，更多设置可以在flippingbook.js里面查找。

对于flippingbook.js

需要注意的是：FlippingBook.swf就是我们的播放器文件了，这个文件的路径是相对于它所嵌套的html或其他页面的路径设置的。比如上面文件结构截图中，它和index.html是在同一目录，所以这里路径就相对于index.html，或者你设置为网站的绝对路径。

另一个就是{allowScriptAccess: "always", bgcolor: "#" + this.settings.backgroundColor.toString( 16 ) }这个代码段了，这里是对object对象参数设置。比如，如果你需要div能够遮盖住本播放器可以修改如下：

{allowScriptAccess: "always", bgcolor: "#" + this.settings.backgroundColor.toString( 16 ),wmode: "opaque" }

生成的object对象如下：

本文是本人研究的成果，欢迎拍砖，有问题共同探讨。

FlippingBook

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“FlippingBook使用教程(附下载)”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年05月02日

FlippingBook使用教程(附下载)

分享几个新增备案不关站的代码

详解版本控制利器Git，SVN的异同以及适用范围

评论“FlippingBook使用教程(附下载)”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接