资讯频道 → Web前端
阅读更多

16顶
0踩

Web前端

原创新闻 15 个最佳 jQuery 翻书效果插件

2012-12-27 15:31 by 副主编 wangguo 评论(5) 有146726人浏览
jquery html5 翻书 插件

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

本文为你带来15个非常实用的、实现类似翻书效果的jQuery插件，你可以很容易地整合到你的web应用中，提升用户体验。

1.  BookBlock

BookBlock可以将任何内容（如图像、文本）创建为翻页效果，带有一个翻页导航，可用于创建小册子等组件。



阅读更多 / 演示

2.  imBookFlip

该插件允许你在iframe或页面中加载电子书，可以设置为在页面加载时开始翻书效果，也可以设置为手动点击时开始。还可以通过Sound Manager添加声音效果。



阅读更多 / 演示

3.  jFlip

该插件可以将图片库转换为书本效果。单击或拖动书角，会出现一个翻页的效果。



阅读更多 / 演示

4.  turn.js

该插件受iBooks和Maps for iOS的启发，基于HTML5实现了一个真实的翻书或杂志的效果。



阅读更多 / 演示

5.  基于jQuery和CSS3 3D Transforms的翻转效果



阅读更多 / 演示

6.  jQuery响应式的翻页书

也可在iPad上运行，无需Flash Player。



阅读更多 / 演示

7  全屏翻转效果

基于BookBlock的全屏翻转效果，也可通过左侧滑出式侧边栏来访问内容。



阅读更多 / 演示

8.  虚拟笔记本

一个能够翻页的虚拟的笔记本。



阅读更多 / 演示

9.  Bookflip

完全重建了Bookflip引擎，以便在现代浏览器中拥有更好的表现，也可用于IE8/9中。



阅读更多 / 演示

10.  Booklet

基于jQuery的翻页书布局插件。



阅读更多 / 演示

11.  jPageFlipper

完全基于HTML5的页面翻转插件。



阅读更多 / 演示

12.  jQuery Flipbook Slider

轻量级的jQuery翻页插件，可用于任何内容：文本、HTML、iframes、视频、Flash（SWF）等，你可以通过CSS很容易地对其进行自定义（如背景图片、字体、颜色等）。



阅读更多 / 演示

13.  灵感来自于Flipboard的翻页效果



阅读更多 / 演示

14.  jQuery Flippage

最初针对平板电脑开发，实现翻书效果。



阅读更多 / 演示

15.  WowBook

有2种不同的翻页效果，帮助你创建在线电子书。



阅读更多 / 演示

Via jqueryrain
  • 大小: 13.5 KB
  • 大小: 16.3 KB
  • 大小: 12.5 KB
  • 大小: 13.2 KB
  • 大小: 23.6 KB
  • 大小: 15.2 KB
  • 大小: 13.9 KB
  • 大小: 12.2 KB
  • 大小: 15.9 KB
  • 大小: 15.4 KB
  • 大小: 5.9 KB
  • 大小: 18.8 KB
  • 大小: 16.8 KB
  • 大小: 13.5 KB
  • 大小: 16.1 KB
  • 大小: 14 KB
16
顶
0
踩
评论 共 5 条 请登录后发表评论
5 楼 青青雨露 2013-04-24 11:33
可以下载吗？
4 楼 hngmduyi 2013-01-02 10:13
3 楼 xiaocao000 2012-12-28 09:49
很好很强大，马克留名
2 楼 mosima 2012-12-27 22:37
嗯，挺漂亮的
1 楼 qq413041153 2012-12-27 17:42
不错 效果不错

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • Flipper jquery翻书效果插件

    Flipper是一个jQuery插件，可以让你改变任何内容到一个美丽的书像部件！它是否支持触摸屏设备？是的！Flipper是非常适合用于触摸屏。事实上，感觉更好时，你与你的手指轻轻的页面！我可以改变控件的大小？当然了.这...

  • 15个最佳jQuery的翻页书效果的例子

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

  • 15个最佳jQuery图像画廊

    许多销售某种产品​​或服务的网站都会提供图像或视频，以展示其工作状况。... 在这篇文章中，我将列出一些最佳的jQuery图像库，您可以使用这些图像库以独特而有趣的方式将您的最佳作品组合在一起。 我们...

  • jquery动画插件_20个jQuery插件来创建动画图像效果

    今天的帖子是20个jQuery插件的集合，这些插件可在您的网站/博客上创建动画效果 。 它们可能非常有用，可以吸引新访客停留在您的页面上并降低跳出率，或者只是为了娱乐！ 请享用。 1.光子：JS CSS 3D照明引擎 ...

  • 推荐10个非常有用的jQuery图片插件

    您可能还喜欢 60款很酷的 jQuery 幻灯片演示和下载 Web开发者必备的20款超赞jQuery插件 分享30个最佳 jQuery Lightbox 效果插件 提升你网站水平的 jQuery ...

  • 最佳jQuery插件

    优秀jQuery插件连载 Nivo Slider 一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。 Quicksand 通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和...

  • wordpress插件_适用于WordPress的10个最佳jQuery插件

    wordpress插件 如今，越来越多的开发人员和... 今天，我们向您提供我们认为使用jQuery的10个最佳WordPress插件的集合。 请享用！ 相关文章： 20个片段和技巧，使您的客户对WordPress友好（第1部分） 10个Word...

  • 10个给力的jQuery图片插件

    jQuery越来越流行，也就...它们当中的一些非常的酷，例如之前介绍的“2010年最佳jQuery插件”和现在有介绍的10个给力的jQuery图片插件： 如果你也想让你的博客上的图片让人眼前一亮，不妨试试WDL博客推荐的1

  • 移动开发中的上下左右滑动插件jquery.swipe.js非常经典的啊！

    移动开发中的上下左右滑动插件jquery.swipe.js 移动（手机+平板）开发中经常会用到手指滑动时调用某些方法，成熟的框架如jQuery mobile，zepto等都有相关的封装，但是在一些轻量级的开发中为了应用这个左右...

  • 适用于WordPress的10个最佳jQuery插件

    今天，我们给你提供的是什么，我们认为使用jQuery 10个最佳WordPress插件集合。 请享用！ 相关文章： 20个片段和黑客制作WordPress的用户友好的为你的客户（部分1） 10个插件更换教程为WordP...

  • 最好的jQuery Flipbook插件比较（免费和付费）

    jQuery翻书插件可显示您的图像，文档文件或其他任何文本。 这是三本很棒JavaScript活页簿，可让您轻松创建逼真的动画活页簿。 JavaScript动画书使用页面翻转效果，缩放... 这是查找jQuery翻书插件的最佳位置。 2...

  • 17个最佳WordPress画廊插件

    在这里，我们重点介绍CodeCanyon上可用的一些最佳WordPress画廊插件。 我们已按画廊类型对其进行了细分，因此请继续阅读以了解更多有关为什么这些是用于视频和多媒体，图像和WordPress网格的最佳WordPr...

  • php插件 jquery插件 收集大放送 php开发 jquery开发 超极管用100+

    Requests for PHP 模拟请求库  http://blog.csdn.net/xyang81/article/details/51822252 MYSQL用户权限管理  WeUI 专为微信设计的 UI 库  layer 层展示库 ...jquery.validate.min.js 验证库 ...jquery

  • 网站开发中很实用的 HTML5 & jQuery 插件

    这篇文章挑选了15款在网站开发中很实用的 HTML5 & jQuery 插件，如果你正在寻找能优化网站，使其更具创造力和视觉冲击，那么本文正是你需要的。这些优秀的 jQuery 插件能为你的网站提...

  • 【图像融合】加权算法高分辨率和低分辨率图像融合（含清晰度）【含Matlab源码 4405期】.zip

    Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

  • 源代码-BASISBBS最易ASP论坛 v1.0.7.zip

    源代码-BASISBBS最易ASP论坛 v1.0.7.zip

  • 【图像去噪】高斯滤波+均值滤波+中值滤波+双边滤波图像去噪（含信噪比）【含Matlab源码 2747期】.zip

    Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

  • 华为2019创新大赛的工程文件+各种模型的backbone和tricks

    华为大模型 华为2019创新大赛的工程文件+各种模型的backbone和tricks 华为2019创新大赛的工程文件+各种模型的backbone和tricks 华为2019创新大赛的工程文件+各种模型的backbone和tricks 华为2019创新大赛的工程文件+各种模型的backbone和tricks 华为2019创新大赛的工程文件+各种模型的backbone和tricks 华为2019创新大赛的工程文件+各种模型的backbone和tricks

  • 【脑肿瘤检测】 GUI SOM脑肿瘤检测【含Matlab源码 2322期】.zip

    【脑肿瘤检测】 GUI SOM脑肿瘤检测【含Matlab源码 2322期】

Global site tag (gtag.js) - Google Analytics