20个强大的jQuery翻书插件【 jQuery flipbook】

标签: jquery 插件 jquery | 发表时间:2013-06-12 09:04 | 作者:goodfav
出处:http://blog.csdn.net

jquery flipbook plugins

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

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

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

原文地址: 20个强大的jQuery翻书插件【 jQuery flipbook】http://www.goodfav.com/zh/20-powerful-jquery-flipbook-plugins-2575.html

 

Responsive Flip Book with Touch Support –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

flipbook v5  jquery flipbook plugins

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

jQuery Flipbook Slider –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

Flip-jquery-flipbook[5]

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

FlipPage –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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 –  MORE INFO

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
作者:goodfav 发表于2013-6-12 9:04:46 原文链接
阅读:114 评论:0 查看评论

相关 [jquery 插件 jquery] 推荐:

jquery 插件

- - JavaScript - Web前端 - ITeye博客
 jQuery插件的开发包括两种:. 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.

常用JQuery插件整理

- xxg - 博客园-首页原创精华区
  虽然自己也写过插件,但JQuery插件种类的繁多,大多时候,我还是使用别人写好的插件,这些都是我用了同类插件里较为不错的一些,今天就整理一下公开放出来.   jquery.HooRay(哈哈,自己写的插件是必须有的).   jquery UI(官方的UI插件,功能很多,但我只用少数几个).   artDialog(很欣赏这个插件,又强大又美观).

2010年最佳jQuery插件

- seenxu - 博客园新闻频道
在2010年,JavaScript框架继续日渐普及,这使得大量的插件被开发出来. WDL的作者从大量的优秀 jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best. 2010年最佳jQuery插件(排名不分先后):. 一个加载设置拥有9种过度效果的超级smooth slider,它还支持如链接图像和键盘导航等内容.

[原]jQuery ListBox Plugin(ListBox插件)

- We_Get - 博客园-首页原创精华区
转载请注明作者(think8848)和出处(http://think8848.cnblogs.com). 未经作者同意,请勿擅自修改本文内容. 这两天项目中要用到类似于ListBox的功能了,本以为有很多jQuery插件,没有想到的是,居然没有搜到好用的,咋办呢,自已动手丰衣足食吧,于是花了一个晚上的时间做出来一个,上效果图:.

JQuery图表插件——Highcharts

- We_Get - 博客园-首页原创精华区
因为项目中需要用到图表生成,所有Google了下,找到了这个插件,顺带写了个DEMO. 先上三个图,分别是曲线、柱状、扇形. 图表中的数据纯属于DEMO的测试数据,没有实际用意. 第一步,下载并且引用JS包(highcharts.js),theme顾名思义是放皮肤的. 可以下载DEMO逐一试试就知道效果怎么样了,上图就应用了两个样式.

jquery Dialog - 弹出窗插件

- Bloger - 博客园-首页原创精华区
    分享几个jquery Dialog弹出窗插件.     1)Zebra_Dialog是一个可灵活配置的对话框jQuery插件,大小只有4KB,要求jQuery 1.5.2+支持. 可用于替换JavaScript原始的“alert” 和“confirmation”对话框. 这个插件使用jQuery Plugin Boilerplate构建.

jQuery 插件autocomplete 应用

- Bloger - 博客园-首页原创精华区
  项目中有时会用到自动补全查询,就像Google搜索框、淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择, autocomplete插件就是完成这样的功能.   autocomplete官网 : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ (可下载jQuery autocomplete插件).

jquery插件的开发

- - CSDN博客推荐文章
插件的概念大家并不陌生了,插件可以很方便我们进行代码开发,大大节约了我们的开发时间. 以前我用jquery都是自己洗一大把的代码,复用性不高维护也不方便. 因此自己学着开发了2个简单的jquery插件. 下面先看下jquery插件的分类. jQuery开发分为两种:. 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法.

jQuery 绘图插件:jqPlot

- - 我爱水煮鱼
jqPlot 是一个 jQuery 这个 JavaScript 框架的绘图插件, jqPlot 能够产生很多漂亮优雅的线图和条形图. 默认最优设置,非常易于使用. jQuery 绘图插件:jqPlot. 使用 jqPlot 基本可以控制图表的每一个部分,如网格的背景,字体和大小,等等,并且 jqPlot 自己本身也有插件支持系统,所以它可以很容易扩展新的图表类别和选项.

jQuery 模块介绍与 jQuery 插件的深度模块化

- zhibin - 岁月如歌
大名鼎鼎的 jQuery 就不多介绍了,详细介绍推荐官网:jquery.com. 阮一峰最近整理的文章也不错,推荐:jQuery 设计思想, jQuery 最佳实践. jQuery 是 DOM 操作类库,其核心功能是找到 DOM 元素并对其进行操作. 拿 jQuery 与 YUI, Dojo 等框架相比是不公平的,就如拿轮胎和汽车相比一样.