zoukankan      html  css  js  c++  java
  • 15个最佳jQuery的翻页书效果的例子

    在这里,你会发现15的jQuery的翻页书的插件,提供了良好的页面翻转的经验,并帮助创建类似书本的效果。 jQuery的增添了一道亮丽的过渡到实际的页面在一本书或杂志HTML5。

    1. BookBlock: jQuery内容翻转插件

    BookBlock是可以将任何内容,如图像或文本创建小册子的组件,允许一个“翻页”的导航。

    BookBlock: A Content Flip jQuery Plugin

    在线演示

    2. imBookFlip : jQuery Page Turning Plugin without Flash

    imBookFlip可以将iframe加载书本成本效果在页面上显示。此插件可以设置为手动点击打开时或自动旋转。声音管理器可以使用jQuery插件添加音频书。

    imBookFlip : jQuery Flip Page Turning Plugin without Flash

    在线演示

    3. jQuery flip book image gallery plugin : jFlip

    jQuery的翻转书的图片库插件将图片制作成书,单击或拖动动画的角落悬停时显示的画廊区,以查看下一个或前一个图像。

    jQuery page flip book plugin  jFlip

    在线演示

    4. turn.js – jQuery HTML5 Page Flip effect plugin

    jQuery的HTML5页面翻转效果插件,实现了HTML5美丽的过渡效果。

    turn.js – jQuery HTML5 Page Flip effect plugin

    在线演示

    5. Creating a jQuery Flipbook Image Slider with CSS3 3D Transforms

    创建一个jQuery的连环画与CSS3 3D变换的图像滑块

    在线演示

    6. jQuery Responsive FlipBook v5

    jQuery的响应式书本效果(支持iPad等)

    jQuery Responsive FlipBook v5
    在线演示

    7. jQuery Fullscreen Pageflip Layout

    BookBlock创建一个全屏书本布局。我们的想法是像书页从左侧滑出翻转的内容和访问的页面通过工具栏菜单中。

    jQuery Fullscreen Pageflip Layout

    在线演示

    8. Moleskine Notebook with jQuery flip page Booklet

    我们将向您展示如何使用和自定义的辉煌的jQuery的小册子插件有才华的Grauvogel。

    Moleskine Notebook with jQuery Page flip Booklet

    在线演示

    9. Bookflip : JavaScript Page Turn effects

    JavaScript的翻页效果,已经完全重建Bookflip引擎更好的支持IE8及9。

    Bookflip : JavaScript Page Turn effects

    在线演示

    10. jQuery flipbook layout plugin : Booklet

    jQuery的的连环画布局插件

    jQuery flipbook layout plugin : Booklet
    在线演示

    11. jPageFlipper : jQuery HTML5 Canvas page flipper

    基于HTML 5 canvas实现翻书效果

    jPageFlipper : jQuery HTML5 Canvas page flipper

    在线演示

    12. jQuery Flipbook Slider

    jQuery的连环画Slider是一个轻量级的jQuery插件翻页效果。它可以用于任何内容:文本,HTML页框,视频,Flash(SWF)等,您可以很容易地对其进行自定义与CSS(背景图片,字体,颜色等)。

     jQuery Flipbook Slider

    在线演示

    13. jQuery Experimental PageFlip Layout Inspired by Flipboard

    我们想与大家分享一个实验性的3D布局。它的灵感来自著名的Flipboard的应用程序无缝“正常”的一本书像一个页面,在页面翻转时刷卡。支持触屏及拖动。

    jQuery Experimental PageFlip Layout Inspired by Flipboard

    在线演示

    14. jQuery Flippage: Turn pages of your DIVs

    层翻转效果

    jQuery Flippage: Turn pages of your DIVs

    在线演示

    15. WowBook – jQuery Flip book engine

    WowBook​​是jQuery插件,它允许你创建一个在线出版物(如书或杂志)与2个不同的翻页效果。

    WowBook – jQuery Flip book engine
    在线演示

    via:jqueryrain

  • 相关阅读:
    收藏的网站
    记录
    在我的收藏列表里取消收藏功能的实现(不使用直接操作dom的方法)
    uniapp预览图片
    uni-app 中如何打开外部应用,如:浏览器、淘宝、AppStore、QQ等
    uniapp打包上架ios
    uniapp实现倒计时
    uniapp实现支付功能
    uniapp关闭页面回弹效果
    uniapp中使用websocket实现实时聊天功能
  • 原文地址:https://www.cnblogs.com/wang3680/p/4604521.html
Copyright © 2011-2022 走看看