制作翻頁動畫書,15個最佳jQuery的翻頁書效果的例子

 2023-10-18 阅读 23 评论 0

摘要:在這里,你會發現15的jQuery的翻頁書的插件,提供了良好的頁面翻轉的經驗,并幫助創建類似書本的效果。 jQuery的增添了一道亮麗的過渡到實際的頁面在一本書或雜志HTML5。 1. BookBlock: jQuery內容翻轉插件 制作翻頁動畫書、BookBlock是可以將任何內容

在這里,你會發現15的jQuery的翻頁書的插件,提供了良好的頁面翻轉的經驗,并幫助創建類似書本的效果。 jQuery的增添了一道亮麗的過渡到實際的頁面在一本書或雜志HTML5。

1. BookBlock: jQuery內容翻轉插件

制作翻頁動畫書、BookBlock是可以將任何內容,如圖像或文本創建小冊子的組件,允許一個“翻頁”的導航。

BookBlock: A Content Flip jQuery Plugin

jquery實現折疊菜單。在線演示

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

轉載于:https://www.cnblogs.com/wang3680/p/4604521.html

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/147372.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息