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

转载于:https://www.cnblogs.com/java20130725/archive/2013/06/12/3215864.html

20个强大的jQuery翻书插件【 jQuery flipbook】相关推荐

  1. 关于翻书插件turn.js的运用

    今天给大家介绍一款好用的翻书插件,turn.js,它依赖于jQuery,话不多说,先上代码: //这里先引入两个外部cdn文件,方便打开查看效果:<script type="text/ ...

  2. 流行的jQuery信息提示插件(jQuery Tooltip Plugin)

    流行的jQuery信息提示插件(jQuery Tooltip Plugin) Learning, by 木公. 信息提示虽然是小东西,但是在网站设计中却起到了巨大的作用.如果你网站的信息提示做的好,会 ...

  3. 流行的jQuery信息提示插件(jQuery Tooltip Plugin)【转】

    流行的jQuery信息提示插件(jQuery Tooltip Plugin) Learning , by 木公. 信息提示虽然是小东西,但是在网站设计中却起到了巨大的作用.如果你网站的信息提示做的好, ...

  4. jQuery图片延迟加载插件jQuery.lazyload

      查看演示   website   立即下载 插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度.在某些情况下,它也能帮助减轻服务器负载. 使用方 ...

  5. ajax实现翻书效果,jquery实现的翻书效果

    插件描述:利用jquery插件实现的类似图书翻书效果功能 Booklet是一个基于jQuery库的实现网页上翻书动画效果的插件,在jBooklet页面上可以写任何支持html的内容,而软件设置相当简单 ...

  6. booklet翻书插件使用——异步加载数据

    最近写一个pdf阅读页,但是返回的数据里既有pdf文件,也有图片集,就索性写两种浏览模式,用booklet的原因是相对于turn.js方法事件比较清晰,效果吧在这里也够用. 方法.事件.参数这里就不一 ...

  7. Jquery中日期插件jquery.datepick的使用

    jsp的代码: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 p ...

  8. jquery数字动画插件jquery.animateNumber.js

    jq数字动画插件-jquery.animateNumber.js,可以实现数字的动画显示效果,比如从1跑到36500,从1%跑到100%类似这样的效果,数字动画效果控制多样,非常不错. jquery. ...

  9. jquery表情 juqery qq表情适用jQuery QQ表情插件jquery.qqFace

    解决jquery 1.9.0 以上版本 jquery去掉了对 $.browser 的支持,采用$.support 来判断浏览器类型.导致之前的很多插件报错的问题 选择后的表情转义为和QQ表情一样的汉字 ...

最新文章

  1. java struts2 表达式语言 ognl 简介
  2. 模拟计算机有声,小年糕有声影集软件电脑版
  3. Git初学使用命令记录
  4. 《Android编程权威指南》PhotoGallery应用梳理
  5. 使用Microsoft Media Service实现网络影音多媒体应用系列第三篇---技术要点
  6. 【设计模式】工厂模式 Factory Pattern
  7. 无人出价!贾跃亭所持2210万股乐视网股票首次拍卖流拍
  8. bz2解压命令_Linux文件操作之文件压缩与解压缩命令详解
  9. i.MX6ULL终结者RS232驱动测试及RS485测试
  10. JavaWeb学习之EL表达式和JSTL标签库
  11. 华为加油!海思加油!翻过这座山,你就是传奇
  12. 001如何将灰度视频处理为伪彩色
  13. 光纤的用途及主要种类
  14. html设置本地字体文件
  15. Eureka Client 源码解析
  16. Python实用案例,Python脚本,Python实现批量下载百度图片
  17. 文件服务器查询重复文件,DupScout – 重复文件扫描、删除或移动的免费工具
  18. uni-app h5 使用微信JSSDK的方式
  19. 【数据结构与算法】数据结构有哪些?算法有哪些?
  20. 酷炫浪漫表白页面(附代码)HTML5代码类资源

热门文章

  1. 开始→运行→输入的命令集锦 1
  2. 剑桥大学中国学联学术部文章
  3. 有用就存档,没用就删除,当日清理当日的email
  4. statistics DATA in jiangsu
  5. marting mate 是真的香喷喷的 学术英语必备
  6. jQuery性能优化指南(转载)
  7. “旧城改造”的背后——银泰新零售阿里云解决方案(上)
  8. re:Invent解读:没想到你是这样的AWS
  9. yii2 / 在这里有个叫BaseDataProvider的老爹
  10. “智慧北京”让生活更美好