博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
20个强大的jQuery翻书插件【 jQuery flipbook】
阅读量:5363 次
发布时间:2019-06-15

本文共 5880 字,大约阅读时间需要 19 分钟。

jquery flipbook plugins

许多网站使用来展示产品目录和销售广告册子。jQuery翻页书解决方案给访客提供了方便而有效的浏览一套东西的体验。如果做得好,就如同手头有一本印刷版的册子。通过翻页书插件,你可以让你的网站访客如同在阅读一本真的书。

使用jQuery翻页书插件可以让你给用户展示更多内容,并让访客印象深刻。在决定之前,你需要了解技术细节。一些翻页书插件仍然基于flash, 他们不允许搜索内容,并且iOS不支持。这对于SEO是非常不利的,而且不利于用户找到他们需要的内容。基于jQuery的插件通常没有这种问题。为了帮 助大家找到最好的翻书页脚本,我收集了一些jQuery翻页书插件。

这个合集包括超过20款模拟书翻页效果的jQuery翻页书插件。每个插件我都会介绍其独特特征,因此我鼓励大家去验证一下。最后,请可以通过在本帖的评论来分享你的意见。如果觉得我的清单有用,请也分享给你的朋友。

原文地址:: 

 

Responsive Flip Book with Touch Support – 

responsive jquery flipbook plugins

The Responsive Flip Book is fully HTML & jQuery driven no Flash Player needed. Works on desktop and mobile devices! You get the same experience on every platform because responsive design makes it look good on all resolutions.

The jFlip Plugin – 

jquery flip jquery flipbook plugins

This plugin builds an image gallery made as a magazine. You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area.

WowBook – 

wow book jquery flipbook plugins

WowBook is jQuery plugin that allows you to create a online publication(like a book or magazine) with 2 different page flipping effects.

Responsive FlipBook v5 jQuery – 

flipbook v5  jquery flipbook plugins

This plugin features double pages, responsive design, excellent tools to zoom and Ajax form.

jQuery Flipbook Slider – 

flipbook slider  jquery flipbook plugins

jQuery Flipbook Slider is a lightweight jQuery plugin for flipping pages effect. It can be used with any content: text, html, iframes, videos, flash (swf) etc. You can customize it easily with CSS (background images, font family and color etc.). The plugin can be used for albums, presentations, books and notepads.

FlipBook v5 – WordPress Plugin – 

FlipBook-v5-flipbook-plugins

The management of this plugin has been made easier and more intuitive. When you create a new Book – all fields configuration are automatically filled (fields are not empty).

Booklet – 

Booklet-jquery-book-flip

Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library. Licensed under both MIT and GPL licenses.

Flip Book WordPress Plugin – 

jquery flipbook plugins

lip Book WordPress Plugin is based on XML Flip Book / AS3. It has been built from scratch. Almost everything you see on the page is easily customizable through the WordPress administration panel – easy installation, no coding skills required.

jPageFlip – 

jPageFlip-jquery-flip-image[3]

jPageFlip is a jQuery plugin to simulate the turning of book pages. To use jPageFlip jQuery.js must be included. jPageFlip is highly configurable, see the config section below. Further extensions of the configuration options are planned for the next version. jPageFlip is currently based on the “canvas technology”, which is only suported by Firefox, Chrome, Opera and Safari, at least in their latest versions.

Flippy – 

Flippy-jquery-image-flip[3]

Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want.

imBookFlip – 

imBookFlip-jquery-flipbook

The imBookFlip plugin can load a book in an iframe or directly on the page. The book’s pages can be set to turn when manually clicked only, begin auto flip (turn automatically) as soon as the html page loads, or begin auto flip when first page (front cover is clicked). Adding audio is easy because Sound Manager can be used with the plugin.

Flip – 

Flip-jquery-flipbook[5]

Flip is a jQuery plugin that will flip easily your elements in four directions.

FlipPage – 

flippage

FlipPage is a jQuery plugin that creates the illusion of turning the pages of a book.

Originally developed for presentation on a touch pad, it can also find its place in an application such as e-book. This plugin was developed to use HTML5/CSS3 graphic hardware power and thus create a smoother animation.

Portfolio Flipping Slider Using jQuery & CSS3 – 

Portfolio-Flipping-Slider-flipbook-plugin

The slider will change our portfolio images when it’s flipping, this flipping effect is triggered by user click on the pagination. So when user click a page each of our portfolio images will flipping 360 degree and when its animation near end the image will changed with new image.

Turn JS – 

Turn-JS-jquery-flip-book

Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5.

Flip Page – 

Flip-Page-jquery-flipbook

This plugin maintains the page flip effect over and inside the images that are displayed, which results to 2D like experience.

Notebook Page Flip Animation – 

notebook jquery flipbook plugins

Everyday jQuery is getting more and more popular because of it’s usefulness, flexibility and speed. This notebook animation style like “flash page layout” page flip animation is an excellent example of these competencies.

Book Block – 

bookblock jquery flipbook plugins

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.

FlipBook – 

Flipbook-page-flip-jquery

FlipBook will take a sequential time series of images and animate them. Each image is shown for a short period of time and then replaced by the next image in the series. The animation begins as soon as the first image is loaded; images that have not yet been downloaded from the server are skipped. They are included in the animation sequence after they have been loaded by the browser.

Card Flip JS Plugin – 

card flip jquery flipbook plugins

Highly customizable jQuery plugin that allows you to flip two images easily. This flip DOES NOT support text though! You must create the graphics you wish to use.

Metro JS – 

metro js

Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web. This release focuses on Live Tiles, the Application Bar and Theming. It’s early in the development phase, but all features should work on at least IE7+(Win/WinPhone), Firefox, Chrome, Android, Opera, and Safari(OSX/iOS).

- See more at: http://www.goodfav.com/zh/20-powerful-jquery-flipbook-plugins-2575.html#sthash.8soQGYOT.dpuf

转载于:https://www.cnblogs.com/dyllove98/archive/2013/06/12/3132992.html

你可能感兴趣的文章
[BZOJ2938] 病毒
查看>>
CSS: caption-side 属性
查看>>
CSS3中box-sizing的理解
查看>>
AMH V4.5 – 基于AMH4.2的第三方开发版
查看>>
Web.Config文件配置之配置Session变量的生命周期
查看>>
mysql导入source注意点
查看>>
linux下编译安装nginx
查看>>
DLL 导出函数
查看>>
windows超过最大连接数解决命令
查看>>
12个大调都是什么
查看>>
angular、jquery、vue 的区别与联系
查看>>
Intellij idea创建javaWeb以及Servlet简单实现
查看>>
代理网站
查看>>
Open multiple excel files in WebBrowser, only the last one gets activated
查看>>
FFmpeg进行视频帧提取&音频重采样-Process.waitFor()引发的阻塞超时
查看>>
最近邻与K近邻算法思想
查看>>
【VS开发】ATL辅助COM组件开发
查看>>
FlatBuffers In Android
查看>>
《演说之禅》I & II 读书笔记
查看>>
thinkphp3.2接入支付宝支付接口(PC端)
查看>>