zoukankan      html  css  js  c++  java
  • 翻书插件: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的工具

    参考:
      官方文档

  • 相关阅读:
    Visual Studio开启SSL的支持
    Linux下ls命令使用详解(转)
    Linux下which命令使用详解(转)
    SQLServer出现不允许保存更改的问题解决
    Mac下包管理平台homebrew的使用
    Jenkins使用FTP进行一键部署及回滚2(Windows)(项目实践)
    TGI
    房地产 专题
    Anaconda
    推荐《用Python进行自然语言处理》中文翻译-NLTK配套书
  • 原文地址:https://www.cnblogs.com/huliang56/p/6253496.html
Copyright © 2011-2022 走看看