• 翻书插件:wowbook.js


    wowbook是一个jQuery插件,可以让你在网站中发布一本页面翻转效果超赞的书。

    demo演示

    基本页面

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>wow_book</title>
     6     <link rel="stylesheet" href="css/wow_book.css" type="text/css" />
     7 </head>
     8 <body>
     9     <div id="mybook">
    10         <div>书本封面</div>
    11         <div>内容页面1</div>
    12         <div>内容页面2</div>
    13         <div>内容页面3</div>
    14         <div>内容页面4</div>
    15         <div>书本封底</div>
    16     </div>
    17     
    18     <script type="text/javascript" src="js/jquery.min.js"></script>
    19     <script type="text/javascript" src="js/wow_book.min.js"></script>
    20     <script type="text/javascript">
    21       $(document).ready(function() {
    22         $('#mybook').wowBook({
    23             width  : 600,
    24             height : 500
    25         });
    26       });
    27     </script>
    28 </body>
    29 </html>
    使用实例

    特征

    可以渲染PDF文件,通过安装PDF.js库
    单页模式
    支持移动端,可响应的单页模式
    封面比内容页大
    带有字体图标的工具栏
    目录
    Lightbox
    lazy loading
    鼠标悬浮可显示翻页角
    自动化的缩略图
    支持从右向左翻页
    2种逼真的翻页效果,包括精装的硬封面和普通纸翻页效果
    支持所有主流浏览器
    不需要flash
    使用简单:使用HTML和CSS制作内容
    响应式
    支持触控(包括捏放大)
    全屏
    双页
    无封面和封底
    Deeplinking
    链接可跳转到书中的任意页面和元素
    缩放
    支持浏览器的后退按钮
    可循环的幻灯片效果
    可配置的键盘导航
    可配置的鼠标滚轮导航
    API文档
    在支持audio标签的浏览器上可以播放翻页声音
    自动化的页码编号
    可将页面缩略图转成sprite的工具

    参考:
      官方文档

  • 相关阅读:
    SGU 107
    HDU 1724 自适应辛普森法
    POJ 1061 扩展欧几里得
    zzuli2424: 越靠近,越幸运(dfs)
    zzuli1519: 小P参加相亲大会(异或)
    zzuli1519: 小P参加相亲大会(异或)
    牛客练习赛42 A:字符串
    牛客练习赛42 A:字符串
    zzuli1511: 小P的loI
    zzuli1511: 小P的loI
  • 原文地址:https://www.cnblogs.com/huliang56/p/6253496.html
Copyright © 2020-2023  润新知