源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

FlippingBook使用教程(附下载)

  • 时间:2022-04-04 15:22 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:FlippingBook使用教程(附下载)
FlippingBook是一款收费的图书翻页效果的flash播放器。在线预览地址:[url=http://d.lanrentuku.com/down/js/xiangce-664/]FlippingBook[/url],[url=http://download.csdn.net/detail/lauplay/4695902]破解版下载地址[/url] [url=http://yunpan.cn/QIwRvKCEwZBtP]备用下载地址[/url] 编程素材网下载:[url=http://www.1sucai.cn/codes/255326.html]http://www.1sucai.cn/codes/255326.html[/url] 预览效果: [img]http://files.jb51.net/file_images/article/201412/201412032332312.gif[/img] 它的文件结构如下: [img]http://files.jb51.net/file_images/article/201412/201412032332313.png[/img] 其中:css文件夹是一个简单的样式文件,不需要做什么说明,可以根据需要修改。 fla文件夹是别人反编译fla文件。 img文件夹是播放器所需要的图片. js文件是播放器相关参数配置,这个才是[b]重点。[/b] pages文件夹就是图书的每一页对应的图片了,它里面的large文件夹用于放置双击放大看到的图片。 sounds里面放的是翻页时的声音效果。 下面对这款翻页播放器配置说明: [img]http://files.jb51.net/file_images/article/201412/201412032332314.png[/img] 这里有两个js文件需要我们特别关注:bookSettings.js和flippingbook.js。前者用于设置播放器,后者是播放器文件,提供默认设置。 [img]http://files.jb51.net/file_images/article/201412/201412032332315.png[/img]   图中:2~7行代码是图书页面图片,这个没什么好说的。 11~16行是图书左下角的下拉框设置,比如可以通过下拉框直接返回到首页,目录页等。 19~31行就是播放器的设置了。分别是图书的宽,高,背景颜色等设置。注意,这些设置并不是所有的设置,更多设置可以在flippingbook.js里面查找。 对于flippingbook.js [img]http://files.jb51.net/file_images/article/201412/201412032332316.png[/img] 需要注意的是: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 ),[b]wmode: "opaque"[/b] } 生成的object对象如下: [img]http://files.jb51.net/file_images/article/201412/201412032332317.png[/img] 本文是本人研究的成果,欢迎拍砖,有问题共同探讨。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部