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

16顶
0踩

Web前端

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

2012-12-27 15:31 by 副主编 wangguo 评论(5) 有147121人浏览
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 插件能为你的网站提...

  • COMSOL中基于波束包络法的三维弯曲光纤波导传输仿真及损耗分析

    内容概要：本文详细介绍了利用COMSOL进行三维弯曲光纤波导传输仿真的方法和技术要点。首先探讨了几何建模的关键步骤，如使用参数化螺旋线创建弯曲结构，并强调了避免端口模式失配和平滑过渡的重要性。接着讨论了材料设置中的注意事项，尤其是处理各向异性材料时自定义坐标系的应用。文中还深入讲解了波束包络法的核心思想及其相对于传统有限元法的优势，特别是在内存占用方面。此外，提供了具体的求解技巧，包括开启渐进扫描功能以及调整数值耗散参数来提高收敛性。对于后处理部分，则着重介绍了如何通过线积分计算弯曲损耗，并展示了通过脚本自动化生成模场分布动画的方法。最后比较了波束包络法与FDTD方法在不同情况下的表现差异。 适用人群：从事光通信系统设计、光纤器件研究的专业技术人员，以及对电磁场仿真感兴趣的科研工作者。 使用场景及目标：适用于需要精确评估光纤弯曲引起的各种效应的研究项目，如数据中心内部布线优化、新型光纤设计等。主要目标是帮助用户掌握高效准确地进行复杂三维弯曲波导仿真的技能，从而更好地理解和预测实际应用中的性能指标。 其他说明：文中不仅提供了详细的理论解释和技术指导，还附带了许多实用的操作提示和代码片段，便于读者快速上手实践。同时提醒读者注意一些常见的错误来源，如材料色散设置不当可能导致的结果偏差等问题。

  • ffmepg windows 下载详细教程2025年（最新）

    ffmepg windows 下载详细教程2025年（最新）

  • 蓝天白云简约儿童教学课件PPT模板.pptx

    蓝天白云简约儿童教学课件PPT模板

  • COMSOL直流电弧放电模型：基于磁流体方程的多物理场耦合仿真与优化

    内容概要：本文详细介绍了如何在COMSOL中构建直流电弧放电模型，利用磁流体动力学（MHD）方程将温度场、流体场和电磁场进行耦合仿真。文章首先解释了如何通过洛伦兹力将电磁场和流体场耦合，接着讨论了温度场中材料参数（如电导率）随温度变化的处理方法。文中还探讨了求解策略，包括分步计算和参数化扫描，以及如何设置边界条件和网格划分。最后，作者分享了一些实用技巧，如调整阻尼因子和使用特定的湍流模型，确保计算结果的准确性。 适合人群：从事等离子体物理、电磁场仿真、流体力学等领域研究的专业人士和技术爱好者。 使用场景及目标：适用于需要精确模拟直流电弧放电行为的研究项目，帮助研究人员理解电弧内部复杂的物理机制，优化电弧设备的设计和性能。 其他说明：文章提供了大量具体的代码片段和配置细节，有助于读者快速上手并解决常见问题。此外，作者还分享了许多实践经验，使读者能够更好地应对仿真过程中可能出现的各种挑战。

  • 2000-2017年各省城市液化石油气供气总量数据

    2000-2017年各省城市液化石油气供气总量数据 1、时间：2000-2017年 2、来源：国家统计j、能源nj 3、指标：行政区划代码、城市、年份、城市液化石油气供气总量 4、范围：31省

Global site tag (gtag.js) - Google Analytics